border-width プロパティ
border-width プロパティは、エレメントの border 線の太さを定義できるプロパティです。
border は border-style プロパティを設定しないと表示されません。
border-style: dotted;
border-width: 10px;
詳しくは Example を参照してください
border-style プロパティは以下のように４辺を別々に指定することができます。
ページ内 Index
構文(Syntax)
CSS
border-width: medium | thin | thick | length | initial | inherit ;
DOM ( JavaScript )
object.style.borderWidth
object.style.borderWidth=" 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 | border-width、border-style、border-colorプロパティを一括指定 |
| border-color | 線の色 |
| border-image | border線を画像で |
| border-radius | 線の角を丸く |
| border-style | 線の種類 |
| border-width | 線の幅 |