margin【マージン (外部間隔)】
margin-top【上マージン (外部間隔)】
margin-right【右マージン (外部間隔)】
margin-bottom【下マージン (外部間隔)】
margin-left【左マージン (外部間隔)】

メモ 外部リンク 構文 例

メモ

構文 (※記述方法)

margin: [ 《length【長さ】》 | 《percentage【パーセンテージ】》 | auto【自動】 ] {1,4}

(1) １個指定 (上下左右)
(2) ２個指定 (上下・左右)
(3) ３個指定 (上・左右・下)
(4) ４個指定 (上・右・下・左) 		マージン (外部間隔)
 
(時計回り)
 
 
 
margin-top: 《length【長さ】》 | 《percentage【パーセンテージ】》 | auto【自動】 上マージン (外部間隔)
margin-right:右マージン (外部間隔)
margin-bottom:下マージン (外部間隔)
margin-left:左マージン (外部間隔)

例

<style>
.border{
    border: 2px red solid;
    width: 200px;
    height: 100px;
}
</style>

<div class="border" style="margin: 0;">margin: 0</div>
<div class="border" style="margin: 20px;">margin: 20px</div>
<div class="border" style="margin: 0;">margin: 0</div>
<div class="border" style="margin: 10px 20px 30px 40px;">margin: 10px 20px 30px 40px</div>
<div class="border" style="margin: 0;">margin: 0</div>

margin: 0
margin: 20px
margin: 0
margin: 10px 20px 30px 40px
margin: 0