Webデザイン:オンラインリファレンス

marginプロパティ

marginの一括指定

marginプロパティは,borderの外側の余白を指定する.プロパティの指定方法は4通りある(ボックス関連プロパティの共通事項参照).

marginの個別指定

margin-top,margin-bottom,margin-left,margin-rightをそれぞれ使用して,marginの値を上下左右個別に指定することができる.
074-1.png
074-2.png
は,どちらも同じことである.

marginを使用したボックスのセンタリング指定(応用)

HTMLとCSSで,それぞれ
074-3.png
074-4.png
のように記述すると,
074-5.png
のように表示される.この例のようにボックス自体をセンタリングするためには,このボックスに幅(width)を指定し,左右のマージンを自動(auto)にする設定が必要である.
なお,ボックスをセンタリングする際は,miのCSSモードで,【ツール↓マージン→margin(ブロックセンタリング用)】を選択すれば,「margin : 0 auto;」が挿入される.
074-.png