border-top-width プロパティ
border-top-width プロパティは、エレメントの上辺のボーダーの太さのみを指定するプロパティです。
border は margin と padding の間に表示される線です。
border-top-style: solid;
border-top-width: 18px;
border は、上辺(border-top)、下辺(border-bottom)、左辺(border-left)、右辺(border-right)それぞれに表示/非表示、線の太さ、線種、色が指定できます。
エレメントの4辺のボーダーは border プロパティで指定します。
ページ内 Index
構文(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 | 太い |
| length | CSS 長さの単位を参照のこと |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考(Remarks)
| 初期値(Default value) | medium |
| 継承(Inherited) | no |
| 変化(Animatable) | yes |
Example
border-top-widthの例です。 borderプロパティで線種と色を設定していますので全体に罫線が表示されます。border-top-widthによって上側の線だけが18pxで表示されます。
関連プロパティ
以下の関連するプロパティがあります。
| border-top | border-top-*に関するプロパティを一括指定 |
| border-top-color | 線の色 |
| border-top-style | 線の種類 |
| border-top-width | 線の幅 |
