*枠線の太さの設定 [#y5213302] *枠線の色の設定 [#y5213302] 枠線の太さを設定するには、 ''border-???-width''プロパティを設定します。 *文字や背景の色の設定 [#sdf6a832] 枠線の色を設定するには、 ''border-???-color''プロパティを設定します。 <pre> COLOR(red):border-top-width: COLOR(blue):上の枠線の太さ COLOR(red):border-bottom-width: COLOR(blue):下の枠線の太さ COLOR(red):border-left-width: COLOR(blue):左の枠線の太さ COLOR(red):border-right-width: COLOR(blue):右の枠線の太さ COLOR(red):border-width: COLOR(blue):上下左右の枠線の太さ </pre> #pre(novervatim){{ COLOR(red):border-top-color: COLOR(blue):上の枠線の色 COLOR(red):border-bottom-color: COLOR(blue):下の枠線の色 COLOR(red):border-left-color: COLOR(blue):左の枠線の色 COLOR(red):border-right-color: COLOR(blue):右の枠線の色 COLOR(red):border-color: COLOR(blue):上下左右の枠線の色 }} 太さには、次の設定ができます。 -単位付きの数値 -thin(細い) -medium(中くらい) -thick(太い) border-widthプロパティを使えば、 上下左右の枠線の太さを一度に指定できます。 border-colorプロパティを使えば、 上下左右の枠線の色を一度に指定できます。 その場合は、値を半角スペースで区切ります。 値の個数によって、次のように枠線が設定されます。 -値が1つ: 「上下左右」を指定 -値が2つ: 1つ目の値は「上下」、2つ目の値は「左右」 -値が3つ: 1つ目の値は「上」、2つ目の値は「左右」、3つ目は「下」 -値が4つ: 1つ目の値は「上」、2つ目の値は「右」、3つ目は「下」、4つ目は「左」 <pre> #pre(novervatim){{ h1{ COLOR(red):border-width: COLOR(blue):1px 2px 1px 8px; COLOR(red):border-color: COLOR(blue):#ff0000 #ffcc00 #339933 #336633; } h2{ COLOR(red):border-left-width: COLOR(blue):10px; COLOR(red):border-right-width: COLOR(blue):0; COLOR(red):border-left-color: COLOR(blue):red; } </pre> }} &br; &navi2(Lecture/InfoDesignB2004/7th,next);進んでください。 ---- #navi2(Lecture/InfoDesignB2004/7th,prev,toc,next) }} |