Dynamic HTML: The Definitive Reference

Name

border-bottom-style, border-left-style, border-right-style, border-top-style — NN n/a IE 4 CSS 2

Synopsis

Inherited: No

Each attribute sets the line style of a single border edge of an element. The edge-specific attributes let you override a style that has been applied to all four edges with the border or border-style attributes, but the edge-specific setting must come after the other one (in source code order) in the style sheet rule. See also the border-style attribute for setting the style of multiple edges in one statement.

CSS Syntax

border-bottom-style: style
border-left-style: style
border-right-style: style
border-top-style: style

Value

Style values are constants that are associated with specific ways of rendering border lines. Not all browsers recognize all of the values in the CSS recommendation. Style support is as follows:

Value	NN	IE	CSS
dashed	-	[a]	1
dotted	-	[a]	1
double	4	4	1
groove	4	4	1
hidden	-	-	2
inset	4	4	1
none	4	4	1
outset	4	4	1
ridge	4	4	1
solid	4	4	1
[a] Although not officially supported in Internet Explorer 4, the Mac version renders dashed and dotted borders accurately; the Windowsversion treats them as solid borders.

The precise manner in which browsers interpret the definitions of the style values is far from universal. Figure 10.1 shows a gallery of all styles as rendered by Windows and Macintosh versions of both Navigator 4 and Internet Explorer 4. Do not expect the exact same look in all browsers.

Figure 10-1. border-style ...