プロパティ border-bottom-style

プロパティ border-bottom-style は、 下枠線のスタイルを設定します。このプロパティの値は、 プロパティ border-style と同じ値を使用します。

構文

cssセレクタ {
  border-bottom-style: 値;
}

例

下枠線のタイプを dashed に設定します：

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

css#elem {
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  border-bottom-color: black;
  
  background: #f9f9f9;
  width: 300px;
  height: 100px;
}

Результат:

関連項目