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-style — NN 4 IE 4 CSS 1

Synopsis

Inherited: No

A shortcut attribute that lets you set multiple border edges to the same or different style. Navigator 4 allows only a single value, which applies to all four edges. For Internet Explorer (and the CSS specification), you may supply one to four space-delimited border style values. The number of values determines which sides receive the assigned colors.

CSS Syntax

border-style: borderStyle {1,4}

JavaScript Equivalent

borderStyle

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 Windows version 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 showed 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.

For Navigator, you may apply one style value only.

In Internet Explorer, this attribute accepts one, two, three, or four borderStyle values, depending on how many and ...

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