padding-right

padding-rightCSS のプロパティで、要素のパディング領域における右側の幅を設定します。

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

注: 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;

padding-right プロパティは、以下のリスト内から選択した値で指定されます。マージンとは異なり、パディングには負の数は使用できません。

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

公式定義

初期値0
適用対象table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column を除くすべての要素。 ::first-letterおよび::first-line にも適用されます。
継承なし
パーセント値包含ブロックの幅に対する相対値
計算値指定されたパーセント値または絶対的な長さ
アニメーションの種類length

形式文法

<length> | <percentage>

右パディングをピクセル数とパーセント値で設定

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

仕様書

仕様書 状態 備考
CSS Box Model
padding-right の定義
勧告候補 変更なし。
CSS Level 2 (Revision 1)
padding-right の定義
勧告 変更なし。
CSS Level 1
padding-right の定義
勧告 初回定義

ブラウザーの互換性

BCD tables only load in the browser

関連情報