English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSSのborder-bottom属性は下側の枠の幅、スタイル、および要素の色を設定します。これは下側の枠を単独に設定するために使用される属性であり、ショートカットのショートカット属性です。 border-bottom-width、border-bottom-styleおよびborder-bottom-color単一の属性宣言です。
以下のテーブルはこの属性の使用範囲とバージョン履歴をまとめています。
| デフォルト値： | すべての属性を表示 |
|---|---|
| 適用： | すべての要素 |
| 継承： | ありません |
| アニメーション可能： | はい、個別の属性を参照してください。参照してください アニメーション属性。 |
| バージョン： | CSS 1、2、3 |
| JavaScript構文： | object object.style.borderBottom="2px solid red" |
この属性の構文は以下の通りです：
border-bottom: [ border-bottom-width border-bottom-style border-bottom-color ] | initial | inherit
以下の例では、borderを使用する方法を示しています。-bottom属性。
h1 {border-bottom: 5px dashed #ff0000;}
p {border-bottom: 3px dotted #00ff00;}テストを見て‹/›以下のテーブルはこの属性の値を説明しています。
| 値 | 説明 |
|---|---|
| border-bottom-width | 要素の下部の枠の幅を設定します。 |
| border-bottom-style | 要素の下部の枠の線のスタイルを設定します。 |
| border-bottom-color | 要素の下部の枠の色を設定します。 |
| initial | この属性をデフォルト値に設定します。 |
| inherit | 指定された場合、関連する要素は親要素の属性の計算値borderを使用します。-bottom。 |
border-bottom属性のブラウザの互換性、すべての主要ブラウザがこの属性をサポートしています。
|
チュートリアルを参照：CSS Border、CSS3 Border。
関連属性：border、border-bottom-color、border-bottom-style、border-bottom-width。