border-widthプロパティ
border-widthプロパティは、エレメントのborder線の太さを定義できるプロパティです。
borderはborder-styleプロパティを設定しないと表示されません。
border-style: dotted; border-width: 10px;
border-style プロパティは以下のように4辺を別々に指定することができます。
関連プロパティ
以下は関連するプロパティです。
border | border-width、border-style、border-colorプロパティを一括指定 |
border-color | 線の色 |
border-image | border線を画像で |
border-radius | 線の角を丸く |
border-style | 線の種類 |
ページ内 Index
- ad -
構文(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
- ad -