border-bottom プロパティ

プロパティ border-bottom は、下ボーダーの色、 種類、太さを設定します。 border-bottom-width、 border-bottom-style、 および border-bottom-color の一括指定プロパティです。

構文

cssセレクタ {
  border-bottom: 太さ 種類 色;
}

値のプロパティの順序は関係ありません。

例

要素に 2px の太さの黒い下ボーダーを 設定してみましょう：

html<div id="elem"></div>

css#elem {
  border-bottom: 2px solid black;
  background: #f9f9f9;
  width: 300px;
  height: 100px;
}

Результат: