CSS border-bottom-styleプロパティ
プロパティの定義と使用説明
border-bottom-style プロパティは、要素の下部ボーダーのスタイルを設定します。
| 初期値： | not specified |
|---|---|
| 継承： | no |
| バージョン： | CSS1 |
| JavaScript 構文： | object object.style.borderBottomStyle="dotted" |
ブラウザ対応
表内の数字は、そのプロパティをサポートする最初のブラウザのバージョン番号を示します。
| プロパティ | |||||
|---|---|---|---|---|---|
| border-bottom-style | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
プロパティ値
| 值 | 説明 |
|---|---|
| none | ボーダーなしを指定 |
| hidden | "none" と同じ。ただし、表に適用する場合を除く。表の場合、hidden はボーダーの競合を解決するために使用される。 |
| dotted | 点線ボーダーを指定 |
| dashed | 破線ボーダーを指定 |
| solid | 実線ボーダーを指定 |
| double | 二重ボーダーを指定 |
| groove | 二重線を定義。二重線の幅は border-width の値と同じです。 |
| ridge | 三次元の菱形ボーダーを定義。その効果は border-color の値によって異なります。 |
| inset | 三次元の凹型ボーダーを定義。その効果は border-color の値によって異なります。 |
| outset | 三次元の凸型ボーダーを定義。その効果は border-color の値によって異なります。 |
| inherit | 親要素からボーダースタイルを継承するよう指定 |
関連記事
CSS チュートリアル：CSS Border
CSS リファレンス：border-bottom プロパティ
その他の拡張