概要

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

初期値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-right: <length> | <percentage> | inherit;

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

サンプル

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

Specifications

Specification Status Comment
CSS Basic Box Model
padding-right の定義
草案 No change.
CSS Transitions
padding-right の定義
草案 Defines padding-right as animatable.
CSS Level 2 (Revision 1)
padding-right の定義
勧告 No change.
CSS Level 1
padding-right の定義
勧告 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 Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ?

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

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