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
