border-width | NN 4 IE 4 CSS 1
| Inherited: No
A shortcut attribute that lets you set multiple border edges to the same or different width. For both browsers, 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}
JavaScript Equivalent borderWidths()
Value Three constants--thin | medium | thick--allow the browser to define exactly 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 attribute accepts one, two, three, or four borderStyle 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 (IE); 0 (NN)
Example H1 {border-style: ridge; border-width: 3px 5px 3px} DIV {border-style: solid double; border-width: 4px}
Applies To All elements (CSS and NN); block and replaced elements (IE).
Object Model Reference
IE | [window.]document.all.elementID.style.borderStyle