border-left-styleプロパティ。
CSSに於けるボックスの左枠線(ボーダ)の形態・border-left-styleプロパティに関する解説です。
border-left-styleプロパティとは。
border-left-styleプロパティは、ボックスの左枠線(ボーダ)の形態です。
border-left-styleプロパティの書式。
border-left-styleプロパティの書式は、以下のようになります。
border-left-style: 値値としては、以下のものが取れます。
nonehidden- いずれも枠線無しです。この値が与えられた場合、border-left-widthプロパティの値に拘らず、枠線の幅は零となります。
但し、表(テーブル)のコマの枠線で、隣のコマの枠線と共有している場合は以下のように異なった扱いとなります。
none- 隣のコマのborder-styleプロパティに従います。
hidden- 隣のコマのborder-styleプロパティに拘らず非表示になります。
尚、
none値はデフォルト値です。 solid- 実線での表示となります。
dotted- 点線での表示となります。尚、この場合、点が打たれていない箇所は当該要素の背景色(backgroundプロパティなどで指定)となります。
dashed- 破線での表示となります。尚、この場合、線が引かれていない箇所は当該要素の背景色(backgroundプロパティなどで指定)となります。
double- 二重実線での表示となります。
この場合、
- 二本の実線と間の空白の幅の合計が枠線の幅(border-left-widthプロパティなどで指定)となります。但し、二本の実線の幅や間の空白の幅についての規定はありません。
- 実線と実線の間の線が引かれていない部分は当該要素の背景色(backgroundプロパティなどで指定)となります。
groove- 枠線が谷状に削られているのように表示します。
ridge- 枠線が山状に浮き出しているのように表示します。
inset- ボックスが沈められているように見える枠線を表示します。
outset- ボックスが浮き上がっているように見える枠線を表示します。
border-left-styleプロパティの記述例。
例えば、HTMLの<blockquote>要素において、左に 3ピクセルズの枠線を引きたい場合は、
blockquote {border-left-width: solid;border-left-style: 3px;}
と記述します。
この場合、上下及び右には枠線は引かれません。
尚、枠線を引く場合は、必ずborder-left-widthプロパティなどで枠線の幅を指定する必要があります。
border-left-styleプロパティに関する注意事項。
border-left-styleプロパティの使用上の注意。
枠線を非表示にするので無い限り、必ずborder-left-widthプロパティなどで枠線の幅を指定する必要があります。
- border-left-widthプロパティのデフォルト値は零のため、border-left-widthプロパティで幅を指定しておかないと枠線が太さ零、すなわち非表示になってしまうからです。
border-left-styleプロパティの実装上の注意。
ネットスケープ 4.xでの注意事項。
ネットスケープ 4.xではborder-left-styleプロパティは機能しません。
ネットスケープ 4.xでの枠線の形の指定には、border-styleプロパティなどを使いましょう。
インターネットエクスプローラでの注意事項。
インターネットエクスプローラのウィンドウズ版 5.0x以前及びマッキントッシュ版 4.xでは、インライン要素でのborder-left-styleプロパティは機能しません。
WAP 2.0での注意事項。
WAP 2.0では、border-left-styleプロパティは必須ですが、オープンウェーヴ社のWAP 2.0 ウェブブラウザには実装されておりません。
- オープンウェーヴ社のWAP 2.0 ウェブブラウザでは、枠線(ボーダ)としては実線のみをサポートします。