“border-top-width”プロパティ:上辺の境界線の太さ

概要

“border-top-width”プロパティは上辺の境界線の太さを指定するプロパティです。

既定では“border-top-width”プロパティで指定される境界線の太さは“width”プロパティと“height”プロパティでサイズが指定されるコンテント・ボックスよりも外側に配されます。

サンプルコード

div { border-top-width: 10px;}


値

仕様書

定義されている仕様書

border-top-width

thin
medium
thick
<length>

キーワード値で指定する

div {

border-style: solid;
border-top-width: thin;

}

border-top-width: thin;

div {

border-style: solid;
border-top-width: medium;

}

border-top-width: medium;

div {

border-style: solid;
border-top-width: thick;

}

border-top-width: thick;

“<length>”値で指定する

div {

border-style: solid;
border-top-width: 5px;

}

border-top-width: 5px;

div {

border-style: solid;
border-top-width: 5em;

}

border-top-width: 5em;