CSS border-left-width 属性

定義と使用方法

border-left-width属性は、要素の左端の边框の幅を設定します。

边框スタイルがnoneでない場合にのみ効果があります。边框スタイルがnoneの場合、边框の幅は実際には0にリセットされます。負の長さ値を指定することはできません。

注釈：常にborder-left-width属性を宣言する前にborder-style属性を宣言してください。要素が边框を取得するまで、边框の幅を変更することはできません。

も参照してください：

チュートリアル：CSS 枠線

参照：CSS border-left 属性

参照：HTML DOM borderLeftWidth 属性

例

左端の幅を設定する：

p
  {
  border-style:solid;
  border-left-width:15px;
  }

実際に試してみる

CSS文法

border-left-width: medium|thin|thick|length|initial|inherit;

属性値

値 説明
thin 細い左端の边框を定義します。
medium デフォルト値。中間の左端の边框を定義します。
thick 太い左端の边框を定義します。
length 左端の幅をカスタマイズすることができます。
inherit 親要素から边框幅を継承するべきことを指定します。

技術的詳細

デフォルト値： medium
継承性： no
バージョン： CSS1
JavaScript文法： object.style.borderLeftWidth="thick"

さらに多くの例

左端の幅を設定する
この例では、左端の幅を設定する方法を示します。

ブラウザのサポート

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

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

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