CSS 参考マニュアル

CSS @ルール(RULES)

border-bottom-width CSS属性は、要素の下側の枠線の幅を独立して設定するために使用されます。しかし、実際の作業では、よく　 border-widthまたはborder-bottom下側の枠線の幅のスタイルを定義します。

以下の表は、この属性の使用方法とバージョン履歴、javascriptスクリプトでの使用文法を示しています。

デフォルト値：	medium
適用：	すべての要素
継承：	ありません
アニメーション可能：	はい。参照してくださいアニメーション属性。
バージョン：	CSS 1、2、3
JavaScript文法：	object object.style.borderBottomWidth="thick"

この属性の文法は以下の通りです：

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

以下の例では、borderを使用する方法を示しています-bottom-width属性。

例

　　p　{
　　　border-style:　solid;
　　　border-bottom-width:　15px;
　　}

注意：borderを使用する前に、-bottom-width属性の前の宣言border-style属性。同時に要素には枠線があり、枠線の幅は0でない必要があります。そのため、borderの幅を設定するには、border-styleこの属性のデフォルト値はnoneです。

以下の表は、この属性の値を説明しています。

値	説明
thin	細い枠線。
medium	中程度の境界。
thick	粗い枠線。
length	px、pt、cm、emなどの単位で指定される長さの値ですが、負の値は指定できません。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のborderを使用します-bottom-width属性の計算値。

border-bottom-width属性のブラウザの互換性について、以下の表の数字は、その属性をサポートするブラウザの最低バージョンを示します；すべての主要ブラウザがこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

以下のチュートリアルを参照：CSS Border、CSS3 Border。