border-bottom-width

概要

border-bottom-width は、ボックスの下辺のボーダー（境界線）の幅を設定する為の CSS プロパティです。

構文

<br-width>
where 
<br-width> = <length> | thin | medium | thick

border-width

負数でない <length> 値、もしくはボーダーの幅を示すキーワード。キーワードには以下に示す三種の内の何れか一つを指定可能です。

キーワード	表示	説明
thin		細い境界線
medium		中程度の太さの境界線
thick		太い境界線

仕様書はこれらのキーワードに対し明確な幅を定義していません。しかしながら、thin より medium を、medium より thick を太いボーダーとして、また同一キーワードが文書中で同じ太さのボーダーとして表示されるよう要求しています。

inherit

親要素の border-bottom-width の計算値を継承

例

element { 
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #000;
}

仕様

ブラウザ実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

参考

• 他の border-width 関連 CSS プロパティ: border-left-width、 border-right-width、 border-top-width、 border-width
• 他の border-bottom 関連 CSS プロパティ: border、 border-bottom、 border-bottom-style、 border-bottom-color