KAWANO's PukiWiki Plus! - Lecture/JouhouC2008/5th/border_width の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• Lecture/JouhouC2008/5th/border_width へ行く。

TITLE:枠線の太さの設定
*枠線の太さの設定 [#y5213302]

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

#pre(novervatim){{
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):上下左右の枠線の太さ
}}

太さには、次の設定ができます。
-単位付きの数値
-thin（細い）
-medium（中くらい）
-thick（太い）

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

#pre(novervatim){{
h1{
  COLOR(red):border-width: COLOR(blue):1px 2px 1px 8px;
}
h2{
  COLOR(red):border-left-width: COLOR(blue):10px;
  COLOR(red):border-right-width: COLOR(blue):0;
}
}}


&br;
&navi2(Lecture/JouhouC2008/5th,next);進んでください。
----
#navi2(Lecture/JouhouC2008/5th,prev,toc,next)