マージン（隙間）の指定

marginとは、上下左右のマージンに関する設定を一括して指定するためのプロパティです。値がひとつだけのときには全てのマージンを等しく指定しますが、値の数によって上下と左右のそれぞれを等しく指定したり、左右のみを等しく指定したり、あるいは全てのマージンに異なる値を指定できます。値は数値に単位をつけて指定、もしくは自動的に設定する際にはautoを指定します。上下左右のマージンを一括指定するためのプロパティです。

margin-top、margin-right、margin-bottom、margin-left は、上下左右のマージンを個別指定するためのプロパティです。

BOX利用のmaergin,border,paddingのイメージ

margin-bottom

margin-bottomとは、下のマージンを指定するためのプロパティです。値は数値に単位をつけて指定、もしくは自動的に設定する際にはautoを指定します。マージンにはマイナスを指定することができます。

margin-left

margin-leftとは、左のマージンを指定するためのプロパティです。値は数値に単位をつけて指定、もしくは自動的に設定する際にはautoを指定します。マージンにはマイナスを指定することができます。

margin-right

margin-rightとは、右のマージンを指定するためのプロパティです。値は数値に単位をつけて指定、もしくは自動的に設定する際にはautoを指定します。マージンにはマイナスを指定することができます。

margin-top

margin-topとは、上のマージンを指定するためのプロパティです。値は数値に単位をつけて指定、もしくは自動的に設定する際にはautoを指定します。マージンにはマイナスを指定することができます。

Functional list
Property： value:値 意味
margin-top 上部余白の指定
nn 数値で指定
% 割合で指定
auto 自動設定
margin-margin-right 右余白
nn 数値で指定
% 割合で指定
auto 自動設定
margin-bottom 下余白
nn 数値で指定
% 割合で指定
auto 自動設定
margin-left 左余白
nn 数値で指定
% 割合で指定
auto 自動設定

目的別属性

広告