border-left-style/CSS/HTMLの基本を学ぶ/ウェブ作成に役立つ情報サイト/It's a long way to the top

border-left-style

Home>CSS>プロパティリファレンス>border-left-style

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

  このエントリーをはてなブックマークに追加 mixiチェック  

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プロパティと一緒に使いましょう。

関連リンク

よく読まれている記事

UpDate:2010-7-7