マージン(ボックスの周りの空白)の大きさを設定するには、 margin-???プロパティを設定します。
pre> margin-top: 上のマージン margin-bottom: 下のマージン margin-left: 左のマージン margin-right: 右のマージン margin: 上下左右のマージン /pre>
pre> margin-top: 上のマージン margin-bottom: 下のマージン margin-left: 左のマージン margin-right: 右のマージン margin: 上下左右のマージン
/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>
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;
}
次へ進んでください。