CSS border-bottom-width プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

例

下ボーダーの幅を設定します：

p {
    border-style: solid;
    border-bottom-width: 15px;
}
Try it Yourself ❯

定義と用法

border-bottom-width プロパティは、要素の下ボーダーの幅を設定します。

注: 常に、border-bottom-width プロパティの前で、border-style プロパティを宣言します。 幅を変更するには、要素にボーダーがなければなりません。

デフォルト値： medium
継承： 継承する
アニメーション可否： 可。animatable を参照 Try it
バージョン： CSS1
JavaScript 構文： object.style.borderBottomWidth="5px" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
border-bottom-width 1.0 4.0 1.0 1.0 3.5

CSS 構文

border-bottom-width: medium|thin|thick|length|initial|inherit;

プロパティの値

値 説明 Play it
medium 中線の下ボーダーを指定します。 これがデフォルトです Play it ❯
thin 細線の下ボーダーを指定します Play it ❯
thick 太線の下ボーダーを指定します Play it ❯
length 下ボーダーの太さを定義可能にします Play it ❯
initial プロパティにデフォルト値を設定します。initial を参照 Play it ❯
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

CSS チュートリアル： CSS Border

CSSリファレンス：border-bottom プロパティ

HTML DOM リファレンス： borderBottomWidth プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯