border-right-widthプロパティ。

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

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

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

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

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

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

border-right-width:

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

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

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

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

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

例えば、HTMLの<blockquote>要素において、右に一文字分の枠線を引きたい場合は、

blockquote {
    border-right-style: solid;
    border-right-width: 1em;
    }

と記述します。

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

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

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

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

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

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

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

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

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

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

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

関連項目。


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