border-bottom-style、border-left-style、border-right-style、border-top-style | NN 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 で表示されるすべてのスタイルを示します。すべてのブラウザで同じように表示されるとは限りません。
値 | NN | Windows 版 IE | Macintosh 版 IE | CSS
--- | --- | --- | --- | ---
dashed | 6 | 5.5 | 4 | 1
dotted | 6 | 5.5 | 4 | 1
double | 4 | 4 | 4 | 1
groove | 4 | 4 | 4 | 1
hidden | 6 | なし | 4 | 2
inset | 4 | 4 | 4 | 1
none | 4 | 4 | 4 | 1
outset | 4 | 4 | 4 | 1
ridge | 4 | 4 | 4 | 1
solid | 4 | 4 | 4 | 1
既定値
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