下部境界線（Bottom border）

border-bottomとは、下側のボーダーに関する設定を一括して指定するためのプロパティです。

具体的には、border-bottom-color、border-bottom-style、border-bottom-widthで指定する値を任意の順序でスペースで区切って指定します。

border-bottom-colorとは、下側のボーダーの色を指定するためのプロパティです。

初期値は適用対象のcolorプロパティの値ですが、RGB値やキーワードで任意の色を指定することができます。

また、transparentを指定すると、幅を確保した状態で透明なボーダーが描画されます。

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

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

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

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

border-style8

戻る