border-top-width: ★;

border-right-width: ★;

border-bottom-width: ★;

border-left-width: ★;

CSS 136p

上下左右のボーダーの幅の(ボックスの罫線)の幅を個別に指定します。
ボーダーは種類の初期値が「none(非表示)」のため、幅を指定しただけでは
ボーダーは表示されません。(種類についてはこちらを見てください。)
値は次の4つから選びます。

  • thin
    細い線で表示されます。
  • medium
    中くらいの線で表示されます。
  • thick
    太い線で表示されます。
  • 実数値+単位
    数値に値をつけてボーダーの指定をします。
    ※マイナス値は指定できません。単位についてはこちらを見てください。
 例  CSS
h1 {
border-top-width: thin;
border-right-width: medium;
border-bottom-width: thick;
border-left-width: 15px;
border-style: solid;(罫線の設定) }

このようにCSSで書くと、h1にボックスが作られ、周りにそれぞれの設定された
罫線の太さが表示されるはずです。
ここをクリック!

トップを戻る