margin-topプロパティ

margin-topプロパティは、 要素の上側の外側マージンを設定します。プロパティの値としては、あらゆるサイズの単位、またはautoキーワードを使用できます。autoはブラウザにマージンの計算を任せます。

構文

cssセレクタ {
  margin-top: 値;
}

例

ブロックの上側の外側マージンを50pxに設定します：

html<div id="parent">
  <div id="elem"></div>
</div>

css#parent {
  border: 1px solid green;
  display: inline-block;
}
#elem {
  margin-top: 50px;
  border: 1px solid red;
  width: 100px;
  height: 100px;
}

Результат:

関連項目