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