CSS border-style

Demo

Copy

The CSS border-style property allows you to set the border style on all sides of an element.

You can supply from one to four values. Each value specifies the style for each side of the element. For example, if four values are provide, they will apply to the top, right, bottom and left borders — in that order. Supplying one value applies the style to all four sides.

Syntax

border-style: <border-style1>, <border-style2> ...

Possible Values

  • none
  • hidden
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
  • inherit

Initial Value

none

Applies To

All elements.

Inherited?

Yes

Media

Visual

Example Code

div.border-style {border-style:dotted dashed solid double}