border-bottom-widthプロパティ。

CSSに於けるボックスの下枠線(ボーダ)の幅・border-bottom-widthプロパティに関する解説です。

border-bottom-widthプロパティとは。

border-bottom-widthプロパティは、ボックスの下枠線(ボーダ)の幅です。

border-bottom-widthプロパティの扱い。

border-bottom-widthプロパティの書式。

border-bottom-widthプロパティの書式は、以下のようになります。

border-bottom-width:

値としては、以下のものが取れます。

inherit
一番近い上位要素で指定された値を継承します。
auto
ボックスの高さに合わせて自動的に設定されます。
パーセンテージ
ボックスの高さを100%とするパーセンテージです。
数値
幅を数値で指定します。

値としては負の値は許されません。

尚、デフォルト値は零です。

border-bottom-widthプロパティの記述例。

例えば、HTMLの<blockquote>要素において、下に 3ピクセルズの枠線を引きたい場合は、

blockquote {
    border-bottom-style: solid;
    border-bottom-width: 3px;
    }

と記述します。

この場合、上及び左右には枠線は引かれません。

尚、枠線を引く場合は、必ずborder-bottom-styleプロパティなどで枠線の形を指定する必要があります。

border-bottom-widthプロパティに関する注意事項。

border-bottom-widthプロパティの使用上の注意。

枠線を非表示にするので無い限り、必ずborder-bottom-styleプロパティなどで枠線の形を指定する必要があります

border-bottom-widthプロパティの実装上の注意。

ネットスケープ 4.xでの注意事項。

ネットスケープ 4.xではborder-bottom-widthプロパティは機能しません。

ネットスケープ 4.xでの枠線の幅の指定には、border-widthプロパティなどを使いましょう。

インターネットエクスプローラでの注意事項。

インターネットエクスプローラのウィンドウズ版 5.0x以前及びマッキントッシュ版 4.xでは、インライン要素でのborder-bottom-widthプロパティは機能しません。

関連項目。


しらぎくのウェブサイト作成入門サイトマップ