左側境界線(Left border)
border-leftとは、左側のボーダーに関する設定を一括して指定するためのプロパティです。
具体的には、border-left-color、border-left-style、border-left-widthで指定する値を任意の順序でスペースで区切って指定します。
border-left-colorとは、左側のボーダーの色を指定するためのプロパティです。
初期値は適用対象のcolorプロパティの値ですが、RGB値やキーワードで任意の色を指定することができます。
また、transparentを指定すると、幅を確保した状態で透明なボーダーが描画されます。
border-left-styleとは、左側のボーダーの形式を指定するためのプロパティです。
初期値はnoneであり、ボーダーは表示されません。
取りうる主な値には、solid(実線)やdotted(点線)、double(2本線)などがあります。
| 書式 | border-left: <value:値> |
|---|---|
| 値 | <border-left-width> || <border-style> || <color> |
| 初期値 | 未定義 |
| 適用要素 | 全ての要素 |
| 継承性 | 不可 |
border-leftプロパティーは要素の左側境界線の width・ styleそして colorを設定する短縮型です。
ただ一つの border-style値が与えられることに注意してください。
短縮型プロパティーである borderも使います。