CSS border-bottom-style property
Examples
Settings at the bottom border style:
p
{
border-style:solid;
border-bottom-style:dotted;
}
{
border-style:solid;
border-bottom-style:dotted;
}
Attribute definitions and instructions
border-bottom-style property is set at the bottom of the element's border style.
| Defaults: | not specified |
|---|---|
| inherit: | no |
| version: | CSS1 |
| JavaScript syntax: | object object.style.borderBottomStyle = "dotted" |
Browser Support
Figures in the table represent the first browser to support the version number of the property.
| 属性 | |||||
|---|---|---|---|---|---|
| border-bottom-style | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Property Value
| value | Explanation |
|---|---|
| none | Specifies no border |
| hidden | And "none" the same. However, when applied to the table except for the table, hidden for solving the border conflict. |
| dotted | Specifies the border point |
| dashed | Specifies the dotted border |
| solid | Specifies a solid border |
| double | Specify a double border |
| groove | The definition of wire. Double width equal to the value of border-width |
| ridge | Defined three-dimensional diamond border. The effect depends on the border-color value |
| inset | Defined three-dimensional concave border. The effect depends on the border-color value |
| outset | Defined three-dimensional convex border. The effect depends on the border-color value |
| inherit | Specifies the border style should be inherited from the parent element |
related articles
CSS tutorial: CSS Border
CSS Reference: border-bottom property
