CSS マージンの指定のしかた

ショコラ

CSS マージンの指定のしかた

「margin:｛上｝ ｛右｝ ｛下｝ ｛左｝;」でキメマス。

もっさん先輩

①上、右、下、左 のマージンを指定する。

margin:｛上｝ ｛右｝ ｛下｝ ｛左｝;

②上下、左右 のマージンを指定する。

margin:｛上下｝ ｛左右｝;

③上、左右、下 のマージンを指定する。

margin:｛上｝ ｛左右｝ ｛下｝;

④全方向 のマージンを指定する。

margin:｛全方向｝

値を入れない場合は「auto」を入力します。

例

H3 の上下に１文字分のマージンを設けます。

h3 {
  margin:1em auto;
}