KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2004/8th/border のバックアップ(No.2)

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

枠線関係をまとめた設定

枠線関連のプロパティをまとめて設定するには、 border-???プロパティを設定します。

pre> border-top: 上の枠線のプロパティ border-bottom: 下の枠線のプロパティ border-left: 左の枠線のプロパティ border-right: 右の枠線のプロパティ border: 上下左右の枠線のプロパティ

/pre>

次のプロパティをまとめて設定することができます。

• 枠線の太さの設定
• 枠線の色の設定
• 枠線のスタイルの設定

設定したい値を、任意の順序で、半角スペースで区切って設定します。 設定しなかった場合は、初期値が指定されたことになります。

なお、 borderプロパティで、 上下左右の枠線を別々に設定することはできません。 注意してください。

pre> .note{

 COLOR(red):border-top: COLOR(blue):dotted 3px #ffcc00;
 COLOR(red):border-left: COLOR(blue):dotted 3px #ffcc00;
 COLOR(red):border-right: COLOR(blue):dotted 3px #ffcc00;

} .example{

 COLOR(red):border: COLOR(blue):double 6px #339966;

}

/pre>

次へ進んでください。