border-bottom-style
Home>CSS>プロパティリファレンス>border-bottom-style
border-bottom-styleプロパティの役割
border-bottom-styleプロパティは、ボックスの下の枠線の形を指定します。
border-bottom-styleプロパティに設定できる値
| dashed | 破線。 |
| dotted | 点線。 |
| double | 二重線。 |
| groove | 凹んだように表示。 |
| hidden | 枠線を表示しない。 |
| inset | 沈むように表示。 |
| none | 枠線を表示しない。又は隣接するセルのborder-styleプロパティを反映する。初期値。 |
| outset | 浮き上がるように表示。 |
| ridge | 盛り上がるように表示。 |
| solid | 実線(直線)。 |
border-bottom-styleプロパティの使い方
<table width="100" cellpadding="5">
<tr><td style="border-bottom-style:dashed"></td></tr>
<tr><td style="border-bottom-style:dotted"></td></tr>
<tr><td style="border-bottom-style:double"></td></tr>
<tr><td style="border-bottom-style:groove"></td></tr>
<tr><td style="border-bottom-style:ridge"></td></tr>
<tr><td style="border-bottom-style:inset"></td></tr>
<tr><td style="border-bottom-style:outset"></td></tr>
<tr><td style="border-bottom-style:solid"></td></tr>
</table>
border-bottom-styleプロパティは、border-bottom-colorプロパティやborder-bottom-widthプロパティと一緒に使いましょう。
関連リンク
- プロパティリファレンス:border
- プロパティリファレンス:border-bottom
- プロパティリファレンス:border-color
- プロパティリファレンス:border-collapse
- プロパティリファレンス:border-bottom-color
- プロパティリファレンス:border-bottom-width
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-7-2
