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