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: |
div.border-style {border-style:dotted dashed solid double}
|
| Try it yourself! |
|