CSSpadding-right プロパティは、要素のパディング領域における右部の高さを設定します。マージンとは異なり、パディングには負の値を指定することはできません。一括指定プロパティの padding では、一度の宣言で要素の四辺のパディングを設定できます。

/* <length> の値 */
padding-right: 0.5em;
padding-right: 0;
padding-right: 2cm;

/* <percentage> の値 */
padding-right: 10%;

/* グローバル値 */
padding-right: inherit;
padding-right: initial;
padding-right: unset;

要素のパディング領域とは、コンテンツと境界線の間の領域です。

初期値0
適用対象all elements, except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column::first-letter にも適用されます。
継承なし
パーセンテージ包含ブロックの幅
メディア視覚
計算値指定されたパーセンテージ値または絶対的な長さ
アニメーションの種類length
正規順序形式文法で定義される一意のあいまいでない順序

構文

<length>
固定値によるパディングの寸法です。負の数であってはいけません。
<percentage>
コンテナーブロックの width に対するパーセントによるパディングの寸法です。負の数であってはいけません。

構文形式

<length> | <percentage>

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

仕様書

仕様書 策定状況 コメント
CSS Basic Box Model
padding-right の定義
草案 CSS Level 2 (Revision 1)
padding-right の定義
から変更なし。
CSS Transitions
padding-right の定義
草案 padding-right がアニメーション可能と定義。
CSS Level 2 (Revision 1)
padding-right の定義
勧告 CSS Level 1
padding-right の定義
から変更なし。
CSS Level 1
padding-right の定義
勧告 初回定義。

ブラウザー実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOS 版 SafariSamsung Internet
基本対応Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 4Opera 完全対応 3.5Safari 完全対応 1WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応

関連情報

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

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