【CSS】margin-top - マージン（上）

CSSのmargin-topプロパティについて解説します。

検証環境

CSS

macOS

14.1

margin-top

margin-topは“マージン（上）”のプロパティです。

基本構文

margin-top: 値;

サンプル

sample.html

<style>
.box {
    height: 30px;
    border: 1px solid black;
    text-align: center;
}
.sample {
    ___ih_hl_start
    margin-top: 40px;
    ___ih_hl_end
}
</style>

<div>
    <div class="box">HTML</div>
    <div class="box sample">CSS</div>
    <div class="box">JavaScript</div>
</div>

プレビュー