マージンの一括設定 【margin】

※ブラウザで表示した時の見え方

ボックスの外側に指定した数値の余白があります

※ソースサンプル

【CSS】
.margin {
margin: 50px;
border: #000000 1px solid
}
【HTML】
<div class="margin">ボックスの外側に指定した数値の余白があります</div>

[ 黒※説明中のタグ 紫※省略可能なタグ 赤※変更可能 緑※文章など ]

※解説

オプション
実数値数値で設定するmargin-top: 20px
%親ボックスの横幅に対する割合で設定するmargin-left: 10%
auto自動設定するmargin-left: auto
機能