Name

borderStyle — NN n/a IE 4 DOM n/a

Synopsis

Read/Write

A shortcut property that lets you set multiple border edges to the same or different style. For Internet Explorer, you may supply one to four space-delimited style values. The number of values determines which sides receive the assigned colors.

Example

document.all.announce.style.borderStyle = "solid"
document.all.announce.style.borderStyle = "solid double"
document.all.announce.style.borderStyle = "double groove groove double"

Value

Style values are case-insensitive constants that are associated with specific ways of rendering border lines. The CSS style constants are: dashed, dotted, double, groove, hidden, inset, none, outset, ridge, and solid. Not all browsers recognize all the values in the CSS recommendation. See the border-style attribute listing in Chapter 10 for complete details on the available border styles.

In Internet Explorer, this property accepts one, two, three, or four style values, depending on how many and which borders you want to set with specific styles. See the border-style attribute listing in Chapter 10 for complete details on how the number of values affects this property.

Default

none

Get Dynamic HTML: The Definitive Reference now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.