Sponsored Link
プロパティ・値の解説
| プロパティ | 指定の効果 | 値 |
|---|---|---|
| margin | 指定要素の外側の上下左右の余白サイズを設定することで 他の要素との距離をサイズ指定する。 | %・px・em・autoなど |
CodePenで動作チェック
See the Pen プロパティ:margin by 脇坂基徳 (@rvyolqet-the-vuer) on CodePen.
他の要素との距離をサイズ指定するプロパティ
「margin」は指定要素の外側の上下左右の余白、すなわち他の要素との距離をサイズ指定するプロパティです。
特によく使う値の指定で「margin: 0 auto;」がありますが、これは指定要素を中央揃えするテクニックです。
おまじないのようなものですので、「中央揃え = margin: 0 auto;」で覚えてください。
記述の仕方としては「margin: 上下 左右;」という指定になるので、
この場合は上下の余白を0にして左右の余白を自動計算(auto)にしてください、という記述になります。
なお「margin」そして「padding」のプロパティは非常に重要なので、以下の記事にまとめています。