マージン(ボックスの周りの空白)の大きさを設定するには、 margin-???プロパティを設定します。
pre> margin-top: 上のマージン margin-bottom: 下のマージン margin-left: 左のマージン margin-right: 右のマージン margin: 上下左右のマージン /pre>
pre> margin-top: 上のマージン margin-bottom: 下のマージン margin-left: 左のマージン margin-right: 右のマージン margin: 上下左右のマージン
/pre>
マージンの大きさは、次の設定ができます。
marginプロパティを使えば、 上下左右のマージンを一度に指定できます。 その場合は、値を半角スペースで区切ります。 値の個数によって、次のようにマージンが設定されます。
pre> body{ COLOR(red):margin: COLOR(blue):0; } h2.note{ COLOR(red):margin-top: COLOR(blue):10px; COLOR(red):margin-left: COLOR(blue):20px; } h2.example{ COLOR(red):margin: COLOR(blue):10%; } /pre>
pre> body{
COLOR(red):margin: COLOR(blue):0;
} h2.note{
COLOR(red):margin-top: COLOR(blue):10px; COLOR(red):margin-left: COLOR(blue):20px;
} h2.example{
COLOR(red):margin: COLOR(blue):10%;
}
次へ進んでください。