border-bottom-width
Home>CSS>プロパティリファレンス>border-bottom-width
border-bottom-widthプロパティの役割
border-bottom-widthプロパティは、ボックスの下の枠線の太さを指定します。
border-bottom-widthプロパティに設定できる値
auto | ボックスの高さに合わせて自動的に設定。 |
inherit | 上位要素に指定された値を反映。 |
数値 | 整数値で太さを指定。数値+単位で示す。 |
% | ボックスの高さに対する割合を指定。 |
初期値はゼロです。
border-bottom-widthプロパティの使い方
<table cellpadding="5">
<tr><td style="border-bottom-width:auto;border-bottom-color:#FF0000;border-bottom-style:solid;"> </td></tr>
<tr><td style="border-bottom-width:inherit;border-bottom-color:#FF0000;border-bottom-style:solid;"> </td></tr>
<tr><td style="border-bottom-width:5px;border-bottom-color:#FF0000;border-bottom-style:solid;"> </td></tr>
<tr><td style="border-bottom-width:thin;border-bottom-color:#FF0000;border-bottom-style:solid;"> </td></tr>
<tr><td style="border-bottom-width:medium;border-bottom-color:#FF0000;border-bottom-style:solid;"> </td></tr>
<tr><td style="border-bottom-width:thick;border-bottom-color:#FF0000;border-bottom-style:solid;"> </td></tr>
</table>
関連リンク
- プロパティリファレンス:border
- プロパティリファレンス:border-bottom
- プロパティリファレンス:border-color
- プロパティリファレンス:border-collapse
- プロパティリファレンス:border-bottom-style
- プロパティリファレンス:border-bottom-color
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-7-3