CSS 参考手册

CSS @规则(RULES)

border-left CSS属性は、要素の左端の幅、スタイル、色を設定するために使用されます。これは、各左端の属性（すなわちborder-left-width、border-left-styleおよびborder-left-color）のショートカット属性。

以下の表は、この属性の使用方法とバージョン履歴、JavaScriptスクリプトでの使用文法を示しています。

デフォルト値：	すべての属性を表示
適用範囲：	すべての要素
継承：	ありません
アニメーション可能：	はい、個別の属性を参照してください。参照してくださいアニメーション属性。
バージョン：	CSS 1、2、3
JavaScript文法：	object.style.borderLeft="2px solid red"

この属性の文法は以下の通りです：

border-left:　[　border-left-width　border-left-style　border-left-color　]　|　initial　|　inherit

以下の例では、borderの使用方法を示しています。-left属性。

例

　　h1　{
　　　border-left:　5px　solid　#ff0000;
　　}
　　p　{
　　　border-left:　3px　dotted　#00ff00;
　　}

以下の表はこの属性の値を説明しています。

値	説明
border-left-width	要素の左端の幅を設定します。
border-left-style	要素の左端の線のスタイルを設定します。
border-left-color	要素の左端の色を設定します。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のborderを使用します。-left属性の値。

border-left属性のブラウザの互換性について、以下の表の数字はこの属性をサポートするブラウザの最低バージョンを示しています；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

チュートリアルを参照：CSS Border、CSS3 Border。