概要

padding-bottom プロパティは、要素の下に必要なパディング領域を設定します。パディング領域とは、要素の内容と境界との間の(枠内)余白のことです。負の値は許可されていません。

初期値0
適用対象all elements, except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column. It also applies to ::first-letter.
継承不可
相対値の基準包含ブロックの幅
メディアvisual
計算値指定されたパーセンテージ値または絶対的な長さ
アニメーションの可否可。 の値として補完しますlength
正規順序形式文法で定義される一意のあいまいでない順序

構文

padding-bottom: <length> | <percentage> | inherit;

<length>
正の固定幅を指定します。詳細は<length>を参照してください。
<percentage>
包含ブロックの幅に対する割合です。

サンプル

.content { padding-bottom: 5%; }
.sidebox { padding-bottom: 10px; } 

Specifications

Specification Status Comment
CSS Basic Box Model
padding-bottom の定義
草案 No change from CSS Level 2 (Revision 1)
padding-bottom の定義
.
CSS Transitions
padding-bottom の定義
草案 Defines padding-bottom as animatable.
CSS Level 2 (Revision 1)
padding-bottom の定義
勧告 No change from CSS Level 1
padding-bottom の定義
.
CSS Level 1
padding-bottom の定義
勧告 Initial definition

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 1.0 (1.0) 4.0 3.5 1.0 (85)
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? ? ? ? ?

ドキュメントのタグと貢献者

 このページの貢献者: Sebastianz, Prinz_Rana, fscholz, ethertank, Yuichiro
 最終更新者: Sebastianz,