border-bottom プロパティ
プロパティ border-bottom は、下ボーダーの色、
種類、太さを設定します。
border-bottom-width、
border-bottom-style、
および border-bottom-color
の一括指定プロパティです。
構文
セレクタ {
border-bottom: 太さ 種類 色;
}
値のプロパティの順序は関係ありません。
例
要素に 2px の太さの黒い下ボーダーを
設定してみましょう：
<div id="elem"></div>
#elem {
border-bottom: 2px solid black;
background: #f9f9f9;
width: 300px;
height: 100px;
}
:
