*マージンの設定 [#n64ee486] マージン(ボックスの周りの空白)の大きさを設定するには、 ''margin-???''プロパティを設定します。 <pre> COLOR(red):margin-top: COLOR(blue):上のマージン COLOR(red):margin-bottom: COLOR(blue):下のマージン COLOR(red):margin-left: COLOR(blue):左のマージン COLOR(red):margin-right: COLOR(blue):右のマージン COLOR(red):margin: COLOR(blue):上下左右のマージン </pre> #ref(css01.png,nolink,ボックスの構造) 次のプロパティをまとめて設定することができます。 -[[枠線の太さの設定>Lecture/InfoDesignB2004/7th/border_width]] -[[枠線の色の設定>Lecture/InfoDesignB2004/7th/border_color]] -[[枠線のスタイルの設定>Lecture/InfoDesignB2004/7th/border_style]] 設定したい値を、任意の順序で、半角スペースで区切って設定します。 設定しなかった場合は、初期値が指定されたことになります。 なお、 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> &br; &navi2(Lecture/InfoDesignB2004/8th,next);進んでください。 ---- #navi2(Lecture/InfoDesignB2004/8th,prev,toc,next) |