border-bottom-style、border-left-style、border-right-style、border-top-styleNN 6 IE 4 CSS 2

継承 : なし

各属性で要素のボーダーのラインスタイルを個別に設定します。ボーダー専用の属性を使用して、border 属性や border-style 属性で 4 つすべてのボーダーに適用されたスタイルを上書きできますが、この設定はスタイルシート規則のソースコード順序では他の設定の後にする必要があります。1 度にボーダー全体のスタイルを設定するには border-style 属性も参照してください。

 
CSS 構文
 
border-bottom-style: style
border-left-style: style
border-right-style: style
border-top-style: style
 

スタイル値はボーダーラインを表示する特殊な方法に関連付けられている定数値です。ブラウザのバージョンによっては CSS が推奨するすべての値を認識しないものもあります。次の表に、スタイルのサポートを示します。

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

NNWindows 版 IEMacintosh 版 IECSS
dashed65.541
dotted65.541
double4441
groove4441
hidden6なし42
inset4441
none4441
outset4441
ridge4441
solid4441
 
既定値

none

 
 
p {border-style: solid; border-bottom-style: none}
div {border-left-style: ridge}
 
適用先

すべての要素

 
オブジェクト参照
 
[window.]document.getElementById("elementID").style.borderBottomStyle
[window.]document.getElementById("elementID").style.borderLeftStyle
[window.]document.getElementById("elementID").style.borderRightStyle
[window.]document.getElementById("elementID").style.borderTopStyle