KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2004/7th/border_style のバックアップ(No.1)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Lecture/InfoDesignB2004/7th/border_style へ行く。
  • 1 (2004-11-19 (金) 04:43:30)
  • 2 (2007-02-24 (土) 07:05:44)
  • 3 (2007-02-24 (土) 07:10:26)

枠線のスタイルの設定

枠線のスタイルを設定するには、 border-???-styleプロパティを設定します。

pre> border-top-style: 上の枠線のスタイル border-bottom-style: 下の枠線のスタイル border-left-style: 左の枠線のスタイル border-right-style: 右の枠線のスタイル border-style: 上下左右の枠線のスタイル

/pre>

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

• 値が1つ: 「上下左右」を指定
• 値が2つ: 1つ目の値は「上下」、2つ目の値は「左右」
• 値が3つ: 1つ目の値は「上」、2つ目の値は「左右」、3つ目は「下」
• 値が4つ: 1つ目の値は「上」、2つ目の値は「右」、3つ目は「下」、4つ目は「左」

pre> h1{

 COLOR(red):border-color: COLOR(blue):#ff0000 #ffcc00 #339933 #336633;

} h2{

 COLOR(red):border-left-color: COLOR(blue):red;

}

/pre>

次へ進んでください。