最終更新日 2021年4月7日

margin-topプロパティ

margin-topは、要素の上方向のマージンの大きさを個別に指定するプロパティです。値は、長さのサイズ値またはパーセント値、キーワード「auto」のいずれかを指定します。マージンには、負の値を指定することも可能です。それにより、隣接する要素ボックスを重ね合わせることができます。

マージンの値をまとめて指定する場合は、marginを使用します。

CSS3での変更点

特にありません

初期値	適用先	継承
0	すべての要素	なし

値	説明
auto	値が自動的に計算されます。
長さの値	「5px」「3em」のように、数値に単位を付けて指定します。
パーセント値	「100%」のように、数値に「%」の単位を付けて、他の値に対する割合で示します。

サンプルコード

margin-top: 10px;
margin-top: 5%;
margin-top: auto;

当サイトの活動をサポートしてみませんか？気軽にクリエイターの支援ができます。