border-topプロパティ。

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

border-topプロパティとは。

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

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

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

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

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

border-top:

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

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

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

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

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

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

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

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

と記述出来ます。

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

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

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

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

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

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

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

WAP 2.0での注意事項。

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

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

関連項目。


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