CSS border-top-style property
Examples
Settings at the top border style:
p
{
border-style: solid;
border-top-style: dotted;
}
{
border-style: solid;
border-top-style: dotted;
}
Attribute definitions and instructions
border-top-style property is set at the top of the border style of an element.
| Defaults: | not specified |
|---|---|
| Inherited: | no |
| version: | CSS1 |
| JavaScript syntax: | object .style.borderTopStyle = "dotted" |
Browser Support
Figures in the table represent the first browser to support the version number of the property.
| 属性 | |||||
|---|---|---|---|---|---|
| border-top-style | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Property Value
| value | description |
|---|---|
| none | No defined borders. |
| hidden | And "none" the same. However, when applied to the table except for the table, hidden for solving the border conflict. |
| dotted | Defined dot border. Rendered as a solid line in most browsers. |
| dashed | The definition of a dotted line. Rendered as a solid line in most browsers. |
| solid | The definition of a solid line. |
| double | The definition of wire. Double width equal to the value of border-width. |
| groove | 3D recess defined border. The effect depends on the border-color value. |
| ridge | 3D corrugated defined border. The effect depends on the border-color value. |
| inset | Define 3D inset border. The effect depends on the border-color value. |
| outset | Define 3D outset border. The effect depends on the border-color value. |
| inherit | Provisions should inherit the border style from the parent element. |
related articles
CSS tutorial: CSS Border
CSS Reference: border-Top properties
