左側境界線(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本線)などがあります。

Functional list
書式 border-left: <value:値>
<border-left-width> || <border-style> || <color>
初期値 未定義
適用要素 全ての要素
継承性 不可

border-leftプロパティーは要素の左側境界線の width・ styleそして colorを設定する短縮型です。

ただ一つの border-style値が与えられることに注意してください。

短縮型プロパティーである borderも使います。

border-style9

戻る