枠線の太さの設定枠線の太さを設定するには、 border-???-widthプロパティを設定します。 border-top-width: 上の枠線の太さ border-bottom-width: 下の枠線の太さ border-left-width: 左の枠線の太さ border-right-width: 右の枠線の太さ border-width: 上下左右の枠線の太さ </pre> 太さには、次の設定ができます。 -単位付きの数値 -thin(細い) -medium(中くらい) -thick(太い) border-widthプロパティを使えば、 上下左右の枠線の太さを一度に指定できます。 その場合は、値を半角スペースで区切ります。 値の個数によって、次のように枠線が設定されます。 -値が1つ: 「上下左右」を指定 -値が2つ: 1つ目の値は「上下」、2つ目の値は「左右」 -値が3つ: 1つ目の値は「上」、2つ目の値は「左右」、3つ目は「下」 -値が4つ: 1つ目の値は「上」、2つ目の値は「右」、3つ目は「下」、4つ目は「左」 #pre(novervatim){{ h1{ border-width: 1px 2px 1px 8px; } h2{ border-left-width: 10px; border-right-width: 0; } </pre> |