CSS ボーダーボトム幅属性
- 前ページ border-bottom-style
- 次のページ border-collapse
定義と使用方法
border-bottom-width属性は、要素の下端のボーダーの幅を設定します。
ボーダースタイルがnoneでない場合にのみ効果があります。ボーダースタイルがnoneの場合、ボーダーの幅は実際には0にリセットされます。負の長さ値を指定することはできません。
注釈：常にborder-bottom-width属性の前にborder-style属性を宣言してください。要素がボーダーを取得するまで、ボーダーの幅を変更することはできません。
参照もしくは
CSSチュートリアル：CSS 边框
CSSリファレンスマニュアル：border-bottom属性
HTML DOMリファレンスマニュアル：borderBottomWidth属性
CSS文法
border-bottom-width: medium|thin|thick|length|initial|inherit;
属性値
| 値 | 説明 |
|---|---|
| thin | 細い下端のボーダーを定義。 |
| medium | デフォルト値。中程度の下端のボーダーを定義。 |
| thick | 太い下端のボーダーを定義。 |
| length | 下端のボーダーの幅をカスタマイズすることができます。 |
| inherit | 親要素からボーダーの幅を継承するべきです。 |
さらに多くの例
- 下端のボーダーの幅を設定
- この例では、下端のボーダーの幅を設定する方法を示します。
技術的詳細
| デフォルト値： | medium |
|---|---|
| 継承性： | no |
| バージョン： | CSS1 |
| JavaScript文法： | object.style.borderBottomWidth="thick" |
ブラウザのサポート
テーブルの数字は、その属性を完全にサポートする最初のブラウザバージョンを示しています。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
注釈：IE7およびそれ以前のブラウザでは値"inherit"がサポートされていません。IE8では!DOCTYPEが必要です。IE9では"inherit"がサポートされています。
- 前ページ border-bottom-style
- 次のページ border-collapse
