CSS基礎 練習問題 12：CSSマージンの一括指定
要素の外側に上下左右均等に20pxの余白（マージン）を設定したい場合、正しいCSSの書き方はどれか。
- div { margin: 20px; }
- div { padding: 20px; }
- div { margin-outside: 20px; }
- div { border-spacing: 20px; }
- div { spacing: 20px; }
正解と解説を見る
正解：div { margin: 20px; }
marginプロパティに値を1つだけ指定すると、上下左右すべてに同じ値が適用されるため、『margin: 20px;』が正しい。『padding: 20px;』は要素の内側の余白を指定するプロパティであり、外側の余白であるマージンとは異なる。『margin-outside: 20px;』はCSSに存在しないプロパティ名である。『border-spacing: 20px;』はテーブルのセル間隔を制御するプロパティであり、通常の要素の外側余白には使えない。『spacing: 20px;』もCSSに存在しないプロパティである。