CSS/Properties/border-style
From W3C Wiki
< CSS | Properties
- List of Properties
- Border
- border-width
- border-color
- border-style
- border
- Border
Contents |
border-style
The border-style property is a shorthand property for setting 'border-top-style', 'border-right-style', 'border-bottom-style', and 'border-left-stlye' at the same place in the style sheet.
Description
| Values | <border-style>{1,4} | inherit |
|---|---|
| Initial value | See individual properties |
| Applies to | all elements |
| Inherited | No |
Values
<border-style>{1,4}
inherit
Takes the same specified value as the property for the element's parent.
And see also individual properties
Example
Example A
[style.css]
h1 {
border-style: solid dotted dashed double;
border-width: 3px;
}
[index.html]
<body>
<h1>CSS border property example</h1>
</body>
CSS Reference
The CSS specification defines the border-style property in 8.5.3 Border style.
