border-left-width プロパティ
border-left-width プロパティは、エレメントのborder（枠線、囲み線）の左線の太さを定義できるプロパティです。
border または border-style、border-left-style で線種を指定する必要があります。
border-left-style: solid;
border-left-width: 18px;
詳しくは Example を参照してください
テキストの左側に装飾を加える方法には、::before 疑似エレメントを使用する方法もあります。
ページ内 Index
構文(Syntax)
CSS
border-left-width:[ medium | thin | thick | length | initial | inherit ];
DOM ( JavaScript )
object.style.borderLeftWidth
object.style.borderLeftWidth="[ medium | thin | thick | length | initial | inherit ]"
値（Values）
| Value | 摘要 |
|---|---|
| medium | 初期値（default値）で、中ぐらい |
| thin | 細い |
| thick | 太い |
| length | CSS 長さの単位を参照のこと |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | medium |
| 継承（Inherited） | no |
| 変化（Animatable） | yes |
Example
border-left-widthの例です。左側のborderに関するプロパティで、線幅を指定します。
以下の例ではborder-leftプロパティで実線、緑色に指定います。線の幅だけをborder-left-width プロパティで18pxに指定います。
関連プロパティ
以下の関連するプロパティがあります。
| border-left | border-left-*に関するプロパティを一括指定 |
| border-left-color | 線の色 |
| border-left-style | 線の種類 |
| border-left-width | 線の幅 |