border-bottom-style プロパティ CSS（Cascading Style Sheets）

border-bottom-style プロパティは下辺のボーダーのスタイルを指定するプロパティです。
スタイルの値は border-style を参照

書式

{border-bottom-style: -style;}

border-bottom-styleのサンプル

border-style で四辺を solid で設定した後で、下辺を dotted で上書きしています。

<div class="dbbs">bottom</div>

div {
  height: 80px;
  width: 120px;
  margin: 10px;
  padding: 10px;
  background-color: #80f080;
  border-width: 8px;
}
.dbbs {
  border-style: solid;
  border-bottom-style: dotted;
}

関連項目

• border
• border-top
• border-style
• border-top-style
• border-right-style
• border-left-style