CSS border-left 属性

定義と使用法

border-leftショートカット属性は、左端框のすべての属性を1つの宣言にまとめて設定します。

以下の順序で属性を設定できます：

値の設定が省略された場合でも問題は発生しません。例えばborder-left:solid #ff0000;も許可されています。

も参照してください：

CSSチュートリアル：CSS 边框

HTML DOMリファレンスマニュアル：borderLeft属性

例

左端框のスタイルを設定します：

p
  {
  border-style:solid;
  border-left:thick double #ff0000;
  }

自分で試してみる

CSS文法

border-left: border-width border-style border-color|initial|inherit;

属性値

値 説明
border-left-width 左端框の幅を規定します。参照：border-left-width 中の可能な値。
border-left-style 左端框のスタイルを規定します。参照：border-left-style 中の可能な値。
border-left-color 左端框の色を規定します。参照：border-left-color 中の可能な値。
inherit 親要素からborder-left属性の設定を継承するべきことを規定しています。

技術的な詳細

デフォルト値： not specified
継承性： no
バージョン： CSS1
JavaScript文法： object.style.borderLeft="3px solid blue"

さらに多くの例

すべての左端框属性が1つの宣言に含まれています
すべての左端框属性が1つの宣言に含まれています

ブラウザのサポート

テーブルの数字は、この属性を完全にサポートする最初のブラウザバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 3.5 1.0

注釈：IE7およびそれ以前のブラウザでは値"inherit"をサポートしていません。IE8では!DOCTYPEが必要です。IE9では"inherit"をサポートしています。