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

border-top-width プロパティ

 border-top-width プロパティは、エレメントの上辺のボーダーの太さのみを指定するプロパティです。

 border は marginpadding の間に表示される線です。

線の幅を18pxに指定(Exampleを参照)
border-top-style: solid;
border-top-width: 18px;

 border は、上辺(border-top)、下辺(border-bottom)、左辺(border-left)、右辺(border-right)それぞれに表示/非表示、線の太さ、線種、色が指定できます。

 エレメントの4辺のボーダーは border プロパティで指定します。

構文(Syntax)

CSS

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

DOM ( JavaScript )

値の取得
object.style.borderTopWidth
値の設定
object.style.borderTopWidth=" medium | thin | thick | length | initial | inherit "

値(Values)

Value摘要
medium初期値(default値)で、中ぐらい
thin細い
thick太い
lengthCSS 長さの単位を参照のこと
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

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

Example

 border-top-widthの例です。 borderプロパティで線種と色を設定していますので全体に罫線が表示されます。border-top-widthによって上側の線だけが18pxで表示されます。