border-leftプロパティ。
CSSに於ける、ボックスの左枠線(ボーダ)関連プロパティの一括指定記法・border-leftプロパティに関する解説です。
border-leftプロパティとは。
border-leftプロパティは、ボックスの左の枠線(ボーダ)に関するプロパティを一括指定する記法です。
border-leftプロパティは以下のプロパティの値を一括指定出来ます。
border-leftプロパティの書式。
borderプロパティの書式は、以下のようになります。
border-left: 値値としては、以下のものが取れます。
inherit- 一番近い上位要素で指定された値を継承します。
- 色
- 幅
- 形
- 色、幅、形のプロパティ値を空白で区切って順不同で記述します。
詳しくは、以下の解説をご覧下さい。
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-leftプロパティは機能しません。
- 値にborder-left-styleの値を記述する事も出来ません。