*このページは web-dou.com のアーカイブです。(2025年 サイト統合)

WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > margin-top
margin-top  margin  余白 

上マージンを設定する。

X B! FB LINE

書式

margin-top : 上余白 ; ( 例 margin-top : 10px ; )
＊マージンには負の値を指定することもできます。

サンプルコード

<div style="border:1px solid #ccc;">あいうえお</div>
<div style="border:1px solid #ccc; margin-top:10px;">かきくけこ</div>
<div style="border:1px solid #ccc; margin-top:20px;">さしすせそ</div>
<div style="border:1px solid #ccc; margin-top:40px;">たちつてと</div>
あいうえお
かきくけこ
さしすせそ
たちつてと