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

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

枠線関係をまとめた設定

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

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

次のプロパティをまとめて設定することができます。
-枠線の太さの設定
-枠線の色の設定
-枠線のスタイルの設定

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

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

#pre(novervatim){{
.note{
  border-top: dotted 3px #ffcc00;
  border-left: dotted 3px #ffcc00;
  border-right: dotted 3px #ffcc00;
}
.example{
  border: double 6px #339966;
}
</pre>




次へ進んでください。
----
#navi2(Lecture/InfoDesignB2005/7th,prev,toc,next)