border-leftプロパティ。

CSSで、ボックスの左の枠線(ボーダ)を指定するborder-leftプロパティに関する解説です。

border-leftプロパティ・目次。

border-leftプロパティとは。

border-leftプロパティは、ボックスの下の枠線(ボーダ)を指定するプロパティです。

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

border-left-width
左の枠線の幅を指定します。
border-left-style
左の枠線の形を指定します。
border-left-color
左の枠線の色を指定します。

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

継承の有無
border-leftプロパティは、上位要素から継承されません。
対象セレクタ
対象となるセレクタに制限はありません。
対象メディア
視覚系のメディア全てが対象となります。

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

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

border-left: 値

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

inherit
一番近い上位要素で指定された値を継承します。
色
幅
形

色、幅、形のプロパティ値を空白で区切って順不同で記述します。

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

border-left-width
左の枠線の幅を指定します。
border-left-style
左の枠線の形を指定します。
border-left-color
左の枠線の色を指定します。

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

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

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

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

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

と記述出来ます。

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

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

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

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

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

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

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

WAP 2.0での注意事項。

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

関連項目。

border
枠線(ボーダ)
border-color
枠線(ボーダ)の色
border-width
枠線(ボーダ)の幅
border-style
枠線(ボーダ)の形
border-bottom
下の枠線(ボーダ)
border-left-color
左の枠線(ボーダ)の色
border-left-style
左の枠線(ボーダ)の形
border-left-width
左の枠線(ボーダ)の幅
border-right
右の枠線(ボーダ)
border-top
上の枠線(ボーダ)

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

ページ外へのご案内。

marguerite.site@gmail.com