margin-top

Home>CSS>プロパティリファレンス>margin-top

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

  このエントリーをはてなブックマークに追加 mixiチェック  

margin-topプロパティの役割

margin-topプロパティは、ボックスの上側に余白を設定します。

margin-topプロパティに設定できる値

auto 自動的に設定。
数値 数値+単位で指定。
ボックスの高さを100とする百分率。

margin-topプロパティの使い方

<p>次の行との間に余白がとられる</p>
<p style="margin-top:100px">この行の上にマージンを設定</p>

次の行との間に余白がとられる

この行の上にマージンを設定

上記のサンプルでは、2番目のp要素(段落)の上の余白を100ピクセルとったため、1番目の行との間に100ピクセルの間隔があきます。

関連リンク

よく読まれている記事

UpDate:2010-8-27