Borders and More with Style Sheets - Even More on Borders
(Page 2 of 4 )
border-width
IE 4 NN 4 Moz all Saf all Op all CSS 1
Inherited: No
This is a shortcut property that lets you set multiple border edges to the same or different widths. You may supply one to four space-delimited width length values. The number of values determines which sides receive the assigned widths.
CSS Syntax
border-width: thin | medium | thick | length {1,4}
Value
Three constants—thin | medium | thick —allow the browser to define how many pixels are used to show the border. For more precision, you can also assign a length value (see the discussion of length values at the beginning of this chapter).
This property accepts one, two, three, or four space-delimited borderWidth values, depending on how many and which borders you want to set with specific styles. Value quantities and positions are interpreted as follows.
| Number of values | Effect |
| 1 | All four borders set to value |
| 2 | Top and bottom borders set to the first value, right and left borders set to the second value |
| 3 | Top border set to first value, right and left borders set to second value, bottom border set to third value |
| 4 | Top, right, bottom, and left borders set, respectively |
Initial Value medium
Example
h1 {border-style: ridge; border-width: 3px 5px 3px}
div {border-style: solid double; border-width: 4px}
Applies To
All elements, but only block and replaced elements in IE 4 and 5 for Windows.
Object Model Reference
[window.]document.getElementById("elementID").style.borderWidth
Next: Alphabetical Property Reference: Bottom >>
More DHTML Articles
More By O'Reilly Media
|
 This article is excerpted from chapter four of Dynamic HTML: The Definitive Reference, Third Edition, written by Danny Goodman (O'Reilly; ISBN: 0596527403). Check it out today at your favorite bookstore. Buy this book now.
|
|
