border-styleNN 4 IE 4 CSS 1

継承 : なし

簡略化するための属性で、要素のボーダー全体のスタイルを同じスタイルまたはそれぞれ異なるスタイルに一度に設定することができます。Navigator 4 では 4 つすべてのボーダーに同じ値が適用されます。Internet Explorer と Netscape 6 では、1 ~ 4 つのボーダースタイルをスペースで区切って指定することができます。指定した値の数によって、割り当てたスタイルを適用する端が決まります。

 
CSS 構文
 
border-style: borderStyle {1,4}
 

スタイル値はボーダーラインを表示する特殊な方法に関連付けられている定数値です。ブラウザには CSS 勧告のすべての値を認識しないものもあります。スタイルサポートは以下のとおりです。

ブラウザによってスタイル値定義の認識方法は大きく異なります。下表に、Windows 版 Internet Explorer 6、Macintosh 版 Explorer 5、および Netscape 6 で表示されるすべてのスタイルを示します。すべてのブラウザで同じように表示されるとは限りません。

Navigator 4 で適用できるのは 1 つのスタイル値のみです。Internet Explorer と Netscape 6 の場合、この属性には指定のスタイルを適用するボーダーの数と種類によって、1 ~ 4 つの borderStyle の値をスペースで区切って指定できます。値の数と位置は次の表のとおりに解釈されます。

NNWindows 版 IEMacintosh 版 IECSS
dashed65.541
dotted65.541
double4441
groove4441
hidden6なし42
inset4441
none4441
outset4441
ridge4441
solid4441
値の数効果
14 つすべてのボーダーに同じ値が設定される
2上下のボーダーに最初の値が設定され、左右のボーダーに 2 番目の値が設定される
3上のボーダーに最初の値が設定され、左右のボーダーに 2 番目の値が設定され、下のボーダーに 3 つ目の値が設定される
4上、右、下、左のボーダーがこの順番で設定される
 
既定値

none

 
 
h1 {border-style: ridge; border-width: 3px}
div {border-style: solid double; border-width: 4px}
 
適用先

すべての要素。ただし、Windows 版 IE 4 および 5 ではブロック要素と置換された要素のみ

 
オブジェクト参照
 
[window.]document.getElementById("elementID").style.borderStyle