border-left-style

解説

左線のスタイルを指定する際に使用します。

詳細はborder-style解説も参照下さい。

プロパティ情報

値:キーワード(none,hidden,solid,double,dashed,dotted,groove,ridge,inset,outset)の中から必ず1つ。
初期値:none
適用対象:全ての要素
継承:しない
パーセンテージ:不可
適用メディア:視覚
レベル:2

参照

使用例

ソース

CSSの記述方法はスタイルシートってなに?も参照下さい。

p.sample1 {border-left-style: none;}
p.sample2 {border-left-style: hidden;}
p.sample3 {border-left-style: solid;}
p.sample4 {border-left-style: double;}
p.sample5 {border-left-style: groove;}
p.sample6 {border-left-style: ridge;}
p.sample7 {border-left-style: inset;}
p.sample8 {border-left-style: outset;}
p.sample9 {border-left-style: dashed;}
p.sample0 {border-left-style: dotted;}
HTMLの記述方法

<p class="sample1">例1</p>
<p class="sample2">例2</p>
<p class="sample3">例3</p>
<p class="sample4">例4</p>
<p class="sample5">例5</p>
<p class="sample6">例6</p>
<p class="sample7">例7</p>
<p class="sample8">例8</p>
<p class="sample9">例9</p>
<p class="sample0">例10</p>

表示結果

例1

例2

例3

例4

例5

例6

例7

例8

例9

例10