border-left-widthプロパティ。

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

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

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

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

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

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

border-left-width:

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

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

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

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

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

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

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

と記述します。

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

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

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

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

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

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

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

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

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

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

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

関連項目。


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