例
下の境界線のスタイルを設定します。
p {
border-style: solid;
border-bottom: thick dotted #ff0000;
}
»それを自分で試してみてください 定義と使用法
border-bottom簡略記述特性は、1宣言内のすべての下境界線のプロパティを設定します。
設定できるプロパティは、ある(in order) ：のborder-bottom-幅、のborder-bottom-スタイル、とのborder-bottom-色。
それは問題ではない場合は、上記、例えばのborder-bottomが欠落している値の1：固体＃FF0000の。 許可されています。
| デフォルト値： | medium none color |
|---|---|
| 継承されました： | no |
| アニメーション： | yes, see individual properties . Read about animatable Try it |
| バージョン： | CSS1 |
| JavaScriptシンタックス： | object .style.borderBottom="3px solid blue" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| border-bottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
注：以下の各値に対して個別のブラウザのサポートを参照してください。
CSSの構文
border-bottom:border-widthborder-styleborder-color|initial|inherit;プロパティ値
| 値 | 説明 |
|---|---|
| border-bottom-width | 下境界線の幅を指定します。 デフォルト値は"medium" |
| border-bottom-style | 下の境界線のスタイルを指定します。 デフォルト値は"none" |
| border-bottom-color | 下の境界線の色を指定します。 デフォルト値は、要素の色であります |
| initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSSチュートリアル： CSSボーダー
HTML DOMリファレンス： borderBottom property