CSS border-bottom-style property
Description of property definition and use
The border-bottom-style property sets the border style at the bottom of the element.
| Default: | not specified |
|---|---|
| Inherited: | no |
| Version: | CSS1 |
| JavaScript syntax: | object object.style.borderBottomStyle="dotted" |
Browser support
The numbers in the table support the first browser version number of the property.
| Attributes | |||||
|---|---|---|---|---|---|
| border-bottom-style | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
The 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 | Specifies a dot border |
| dashed | Specify a dotted border |
| solid | Specify a solid border |
| double | Specify a bilateral box |
| groove | Define a two-line. The width of the double line is equal to the value of border-width |
| ridge | Define a 3D diamond border. Its effect depends on the value of border-color |
| inset | Define a 3D concave border. Its effect depends on the value of border-color |
| outset | Define a 3D convex border. Its 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