border-style

Specifies a style for a border.

Platform Support

IENetscapeMozillaOperaSafari
4.0+4.0+1.0+5.0+1.0+

Usage

[border-top-style] [border-right-style] [border-bottom-style] [border-left-style]

Values

inheritInherit the value from the parent element.
noneNo border.
dottedDotted line.
dashedDashed line.
solidSolid line.
doubleDouble line.
grooveGrooved line.
ridgeRidged line.
insetInset line.
outsetOutset line.
hiddenHidden border.

Example

To specify a border style that is solid on top, ridged on the right and bottom, and solid on the left, use the following syntax: .myborderclass {border-style: solid ridged ridged solid;}.

Remarks

Use the border-style property as a shortcut to typing out all of the individual border-style properties separately. You can specify any valid value for a border-style- property as part of border-style.

You can specify up to four different border styles for the border of an element.

Availability

W3C CSS2

Related

text_css aptana_docs