備忘録的プログラミングリファレンス

border-widthプロパティ

 border-widthプロパティは、エレメントのborder線の太さを定義できるプロパティです。

 borderはborder-styleプロパティを設定しないと表示されません。

borderを点線、10pxの幅で表示
border-style: dotted;
border-width: 10px;
詳しくは Example を参照してください

 border-style プロパティは以下のように4辺を別々に指定することができます。

関連プロパティ

 以下は関連するプロパティです。

borderborder-width、border-style、border-colorプロパティを一括指定
border-color線の色
border-imageborder線を画像で
border-radius線の角を丸く
border-style線の種類

構文(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太い
lengthCSS 長さの単位を参照のこと
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)medium
継承(Inherited)no
変化(Animatable)yes

Example