border-widthNN 4 IE 4 CSS 1

Inherited: No

This is a shortcut attribute 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 constantsthin | medium | thickallow 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 attribute 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 valuesEffect
1All four borders set to value
2Top and bottom borders set to the first value, right and left borders set to the second value
3Top border set to first value, right and left borders set to second value, bottom border set to third value
4Top, right, bottom, and left borders set, respectively
 
Initial Value

medium (IE and NN 6); 0 (NN 4)
 
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