padding-top
Home>CSS>プロパティリファレンス>padding-top
padding-topプロパティの役割
padding-topプロパティは、ボックスの内側の上方の余白を指定します。
padding-topプロパティに設定できる値
数値 | 数値+単位。 |
padding-topプロパティの使い方
<img src="../../../data/img/global/logo.jpg" style="padding-top:50px" />
上記のサンプルでは、画像の上に50ピクセルの余白を設定しています。このとき、画像の外側に余白がとられているよう見えますが、実際は、画像の表示領域内の上側に50ピクセル分の余白を設定したことになり、余白の部分の含めて画像の表示領域となっています。
関連リンク
- プロパティリファレンス:padding
- プロパティリファレンス:padding-bottom
- プロパティリファレンス:padding-left
- プロパティリファレンス:padding-right
- プロパティリファレンス:margin
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-9-13