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