成功するホームページ制作運用のドルチェプルーフトップページリファレンス《辞典》CSSリファレンスpadding-topプロパティ《ボックス周囲上側の余白を指定》-CSS-padding-topプロパティ《ボックス周囲上側の余白を指定》-CSS-padding-topはコンテンツボックス周辺上側の余白の大きさを指定します。トップpadding-topコンテンツ周囲上側の余白を指定するコンテンツボックス周辺上側の余白の大きさを指定し、見栄えを整えるのにpadding-topプロパティを使用します。セレクタは対象とする要素、クラス名、id名が指定できます。負の値(-10pxなど)は指定できません初期値0padding-topはボックス周辺上側の余白を指定する時に使用しますが、以下のように指定することでpaddingでも上側の余白を指定できます。0;ボックスの余白に影響するプロパティボックスに影響するプロパティはpadding-topを含むpadding類のほかにborder、marginがあります。ボックスに関係する余白の関係性は下記図のように適用され、padding-topはコンテンツボックス周辺上側でborderの内側の余白を決定します。(10pxの青、グレーの四角)画像を交互に表示しています。コンテンツボックス部分は白抜きしています。padding-topは画像の表示指定はありません、指定する場合はbackgroundなどを使用します。サンプルのコンテンツボックスはwidth:300px;、height:50pxで指定しています。10px;}※「影響範囲を表示」ではpadding-topの影響範囲を見やすくするため背景画像(10pxの四角)を表示しています。コンテンツボックスはwidth:300px;、height:50px;で指定しています。paddingプロパティのヒント背景画像(background)を指定している場合、padding-topで指定した余白部分にも画像が表示されます。背景画像のスタート位置はborderのコンテンツボックス側からになります。