O'Reilly logo

Dynamic HTML: The Definitive Reference by Danny Goodman

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required