border-bottomプロパティ。

CSSに於ける、ボックスの下枠線(ボーダ)関連プロパティの一括指定記法・border-bottomプロパティに関する解説です。

border-bottomプロパティとは。

border-bottomプロパティは、ボックスの下の枠線(ボーダ)に関するプロパティを一括指定する記法です。

border-bottomプロパティは以下のプロパティの値を一括指定出来ます。

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

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

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

border-bottom:

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

inherit
一番近い上位要素で指定された値を継承します。
色、幅、形のプロパティ値を空白で区切って順不同で記述します。

詳しくは、以下の解説をご覧下さい。

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

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

blockquote {
    border-bottom-color: #090;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    }

と記述しますが、border-bottomプロパティを用いれば、

blockquote {
    border-bottom: #090 solid 4px;
    }

と記述出来ます。

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

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

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

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

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

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

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

WAP 2.0での注意事項。

オープンウェーヴ社のWAP 2.0 ウェブブラウザでは、

  • インライン要素でのborder-bottomプロパティは機能しません。
  • 値にborder-bottom-styleの値を記述する事も出来ません。

関連項目。


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