Border Style
Category:CSS Properties
Border Style
The border-style property specifies the line style for all four sides of an element's border. It is a shorthand for top, right, bottom, and left border style respectively. When one value is specified, it applies the same border style to all four sides. There are various border style values, such as solid, dashed, dotted, double, groove, etc.
Examples
Dashed Border
Setting a dashed border for all four sides of a <h1> element.
h1 {
border-style: dashed;
}
Different Border Styles
Setting different borders on each side of a<h1> element.
h1 {
border-style: dotted solid dashed double;
}
Syntax
border-style: value;
Tips
- The default value specifies no border.
- The border style property can take one to four values at a time.
- Always declare the border style property before applying any other CSS border properties.
Additional Information
For more information, see http://www.w3schools.com/cssref/pr_border-style.asp.
Found a bug in the documentation? Let us know at support@code.org.
