Learn CSS #11

CSS Borders


The CSS border properties allow you to specify the style, width, and color of an element’s border.


I have borders on all sides.

I have a red bottom border.

I have rounded borders.

I have a blue left border.


CSS Border Style

The border-style property specifies what kind of border to display.

The following values are allowed:

  • dotted – Defines a dotted border
  • dashed – Defines a dashed border
  • solid – Defines a solid border
  • double – Defines a double border
  • groove – Defines a 3D grooved border. The effect depends on the border-color value
  • ridge – Defines a 3D ridged border. The effect depends on the border-color value
  • inset – Defines a 3D inset border. The effect depends on the border-color value
  • outset – Defines a 3D outset border. The effect depends on the border-color value
  • none – Defines no border
  • hidden – Defines a hidden border

The border-style property can have from one to four values (for the top border, right border, bottom border, and the left border).

Example

Demonstration of the different border styles:

p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}

Result:

A dotted border.

A dashed border.

A solid border.

A double border.

A groove border. The effect depends on the border-color value.

A ridge border. The effect depends on the border-color value.

An inset border. The effect depends on the border-color value.

An outset border. The effect depends on the border-color value.

No border.

A hidden border.

A mixed border.

Categories

327 Responses

  1. Learn about the side effects, dosages, and interactions. Commonly Used Drugs Charts.
    https://stromectolst.com/# ivermectin where to buy for humans
    Learn about the side effects, dosages, and interactions. earch our drug database.

  2. Everything what you want to know about pills. Drug information.
    ivermectin gel
    Learn about the side effects, dosages, and interactions. drug information and news for professionals and consumers.

  3. Definitive journal of drugs and therapeutics. Everything information about medication.
    https://mobic.store/# how to get cheap mobic pill
    What side effects can this medication cause? What side effects can this medication cause?

  4. Some are medicines that help people when doctors prescribe. drug information and news for professionals and consumers.
    https://azithromycins.com/ zithromax 250mg
    Learn about the side effects, dosages, and interactions. Everything about medicine.

  5. All trends of medicament. Some are medicines that help people when doctors prescribe.
    https://clomiphenes.com cost of generic clomid without insurance
    Read information now. Some are medicines that help people when doctors prescribe.

  6. drug information and news for professionals and consumers. Everything information about medication.
    ed treatments
    Generic Name. What side effects can this medication cause?

  7. Everything information about medication. Definitive journal of drugs and therapeutics.
    https://canadianfast.com/# prescription drugs online
    Learn about the side effects, dosages, and interactions. Prescription Drug Information, Interactions & Side.

  8. Get warning information here. drug information and news for professionals and consumers.
    https://tadalafil1st.online/# tadalafil without prescription
    Comprehensive side effect and adverse reaction information. Actual trends of drug.

  9. п»їMedicament prescribing information. Top 100 Searched Drugs.
    tadalafil otc usa
    Some are medicines that help people when doctors prescribe. Best and news about drug.

  10. safe and effective drugs are available. Everything information about medication.
    https://amoxila.store/ generic amoxicillin 500mg
    п»їMedicament prescribing information. All trends of medicament.

Leave a Reply

Your email address will not be published. Required fields are marked *