padding-bottom
Home>CSS>プロパティリファレンス>padding-bottom
padding-bottomプロパティの役割
padding-bottomプロパティは、ボックスの内側の下方の余白を指定します。
padding-bottomプロパティに設定できる値
数値 | 数値+単位。 |
padding-bottomプロパティの使い方
<img src="../../../data/img/global/logo.jpg" style="padding-bottom:50px" />

上記のサンプルでは、画像の下に50ピクセルの余白を設定しています。このとき、画像の外側に余白がとられているよう見えますが、実際は、画像の表示領域内の下側に50ピクセル分の余白を設定したことになり、余白の部分の含めて画像の表示領域となっています。
関連リンク
- プロパティリファレンス:padding
- プロパティリファレンス:padding-top
- プロパティリファレンス:padding-left
- プロパティリファレンス:padding-right
- プロパティリファレンス:margin
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-9-10