【CSS】margin-bottom - マージン（下）

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

検証環境

CSS

macOS

14.1

margin-bottom

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

基本構文

margin-bottom: 値;

サンプル

sample.html

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

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

プレビュー