border-rightプロパティ。

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

border-rightプロパティとは。

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

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

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

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

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

border-right:

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

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

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

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

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

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

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

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

と記述出来ます。

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

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

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

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

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

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

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

WAP 2.0での注意事項。

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

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

関連項目。


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