© 2023 AposTube

Learn CSS #11

June 15 • 10:57 am

Tags:

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.

Apostube

See author's posts

Categories

Prev
Next

247 Responses

  115. 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.

    Reply

  119. 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.

    Reply

  131. 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?

    Reply

  153. 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.

    Reply

  163. 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.

    Reply

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

    Reply

  198. 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.

    Reply

  213. 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.

    Reply

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

    Reply

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

    Reply

Leave a Reply

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

© 2023 AposTube. Built with ❤️ using WordPress and Ketos Theme.