CSS border-bottom-styleProperty
Example
Set the bottom border style:
p
{
border-style:solid;
border-bottom-style:dotted;
}
Try it Yourself »
Property definition and usage instructions
The border-bottom-style property sets the style of the bottom border of an element.
| Default Value: | not specified |
|---|---|
| Inherited: | no |
| version: | CSS1 |
| JavaScript Syntax: | object object.style.borderBottomStyle="dotted" |
Browser Support
The numbers in the table indicate the first browser version that supports the property.
| Property | |||||
|---|---|---|---|---|---|
| border-bottom-style | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Property value
| Value | Description |
|---|---|
| none | Specify no border |
| hidden | Same as "none", except when applied to tables. For tables, hidden is used to resolve border conflicts. |
| dotted | Specify a dotted border |
| dashed | Specify a dashed border |
| solid | Specify a solid border |
| double | Specify a double border |
| groove | Defines a double line. The width of the double line is equal to the value of border-width. |
| ridge | Defines a 3D diamond border. The effect depends on the value of border-color. |
| inset | Defines a 3D inset border. The effect depends on the value of border-color. |
| outset | Defines a 3D outset border. The effect depends on the value of border-color. |
| inherit | Specifies that the border style should be inherited from the parent element. |
Related Articles
CSS Tutorial:CSS Border
CSS Reference Manual:border-bottom property
other extensions