Top > Lecture > JouhouC2007 > 5th > border_width
AND OR

枠線の太さの設定

枠線の太さを設定するには、 border-???-widthプロパティを設定します。

border-top-width: 上の枠線の太さ
border-bottom-width: 下の枠線の太さ
border-left-width: 左の枠線の太さ
border-right-width: 右の枠線の太さ
border-width: 上下左右の枠線の太さ

太さには、次の設定ができます。

  • 単位付きの数値
  • thin(細い)
  • medium(中くらい)
  • thick(太い)

border-widthプロパティを使えば、 上下左右の枠線の太さを一度に指定できます。 その場合は、値を半角スペースで区切ります。 値の個数によって、次のように枠線が設定されます。

  • 値が1つ: 「上下左右」を指定
  • 値が2つ: 1つ目の値は「上下」、2つ目の値は「左右」
  • 値が3つ: 1つ目の値は「上」、2つ目の値は「左右」、3つ目は「下」
  • 値が4つ: 1つ目の値は「上」、2つ目の値は「右」、3つ目は「下」、4つ目は「左」
h1{
  border-width: 1px 2px 1px 8px;
}
h2{
  border-left-width: 10px;
  border-right-width: 0;
}


次へ進んでください。



Reload   Diff   Front page List of pages Search Recent changes Backup Referer   Help   RSS of recent changes
Last-modified: Tue, 11 Mar 2014 02:20:22 HADT (3754d)