

プロパティについて
概要
初期値 | “padding-bottom: 0;” |
適用対象 | セル以外のテーブル内部要素とルビ・ベース・コンテナとルビ・アノテーション・コンテナを除くすべての要素 |
継承 | No |
パーセント値 | 内包される包括ブロックのインライン軸方向の大きさを“100%”とする |
計算値 | “<length-percentage>”値の算出された値 |
アニメーション | 計算値 |
“padding-bottom”プロパティは要素の境界線の内側の下の余白を指定するプロパティです。

既定では“padding-bottom”プロパティで指定される余白は“width”プロパティと“height”プロパティでサイズが指定されるコンテント・ボックスよりも外側に配されます。
“box-sizing”プロパティの値を“border-box”を指定すると“width”プロパティと“height”プロパティで指定される大きさをパディングとボーダーを含めた大きさにすることができます。
境界線の内側の余白をまとめて指定するには“padding”プロパティを使用します。
サンプルコード
div { padding-bottom: 10px;}
仕様書
Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'
CSS Box Model Module Level 3
Padding|Page-relative (Physical) Padding Properties: the padding-top, padding-right, padding-bottom, and padding-left properties
CSS Box Model Module Level 4
Padding|Page-relative (Physical) Padding Properties: the padding-top, padding-right, padding-bottom, and padding-left properties
使用例
“<length>”値で指定する
div { padding-bottom: 20px;}
“<percentage>”値で指定する
div { padding-bottom: 10%;}