border-left
解説
左線のスタイル、太さ、色を指定します。スタイル、太さ、色のうち、指定する値を任意の順にスペースで区切って記述します。
詳しくはborder解説を参照下さい。
プロパティ情報
値: | border-widthの値、border-styleの値、色の中から任意の順で1つ以上。 |
---|---|
初期値: | 各プロパティの初期値となりますが、省略した場合には初期値を再指定したものとみなされますので注意が必要。 |
適用対象: | 全ての要素 |
継承: | しない |
パーセンテージ: | 包含ブロックの横幅に対する割合 |
適用メディア: | 視覚 |
レベル: | 1〜2 |
参照
border border-color border-style border-width border-top border-top-color border-top-style border-top-width border-bottom border-bottom-color border-bottom-style border-bottom-width border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width
使用例
ソース
CSSの記述方法はスタイルシートってなに?も参照下さい。 p.sample1 {border-left: double 16px #ffcccc;} p.sample2 {border-left: inset 8px #ccccff;} p.sample3 {border-left: thick dotted #ffccff;}
HTMLの記述方法 <p class="sample1">例1</p> <p class="sample2">例2</p> <p class="sample3">例3</p>
表示結果
例1
例2
例3