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 で表示されるすべてのスタイルを示します。すべてのブラウザで同じように表示されるとは限りません。
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||
既定値 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
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 |