外環(マージン)一括で指定する

margin

CSSの書き方

margin:値 値 …;

CSSの詳細情報
プロパティ名 margin 対応ブラウザ Windows MAC
読み方 マージン IE 5.0以上/FF1.0/NS7.1/OP8.0 SF/IE5.0
意味 外環調整 CSSレベル CSSレベル1
設定値 サイズ指定 対象 すべての要素
デフォルト 各対象要素の標準値 継承 しない

解説

ボックスの外環(マージン)において四方向のサイズを一括で指定します。

値については、以下の表のようにその数によって指定する方向が決まります。

記入する値の数 対象の方向
1つ 四方向(上/下/左/右)同じ
2つ 鉛直と水平方向(上下/左右の順)
3つ 上/左右/下の順
4つ 右回り方向(上/右/下/左の順)

CSS/HTMLサンプル

p { margin:10px 40px 20px; }

段落のマージンを一括で指定 サンプル

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

CSSを駆使したモダンなWebデザインを学ぶなら

最新情報をチェックしよう!