padding-right プロパティ
padding-right プロパティは、エレメントの表示領域内の右側に設定される余白を指定するプロパティです。 borderより中に設定されます。
指定値は正数です。
padding-right: 2em;
エレメント内に余白を設ける方法には、padding、padding-top、padding-bottom、padding-leftがあります。
デフォルト状態で、padding-*を設定するとエレメントのwidthプロパティの設定以上の大きさになります。 width値以下に内容を収めるにはbox-sizingプロパティを使用します。
ページ内 Index
構文(Syntax)
CSS
padding-right: length | initial | inherit;
DOM ( JavaScript )
String = object.style.paddingRight;
object.style.paddingRight="length | initial | inherit";
値（Values）
| Value | 摘要 |
|---|---|
| 0 | 初期値（default値） |
| length | CSS長さの単位 |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | 0 |
| 継承（Inherited） | No |
| CSS Animation | Yes |
Example
padding-rightの例です。id="OVER"エレメントの内容の右側に空白が設定されます。
灰色の部分がpaddingになります。