Свойство paddingRight

Определение и использование

paddingRight Свойство устанавливает или возвращает правый внутренний отступ элемента.

Свойство margin и Свойство padding Всегда вставляют пространство вокруг элемента. Но есть разница: margin вставляет пространство вокруг рамки, а padding - внутри рамки элемента.

См. также:

Урок CSS:Внутренний отступ CSS

Руководство CSS:Свойство padding-right

Руководство HTML DOM:Свойство padding

Пример

Пример 1

Установить правый внутренний отступ элемента <div>:

document.getElementById("myDIV").style.paddingRight = "50px";

Попробуйте сами

Пример 2

Вернуть правый внутренний отступ элемента <div> к "normal":

document.getElementById("myDIV").style.paddingRight = "0px";

Попробуйте сами

Пример 3

Возврат правого внутреннего отступа элемента <div>:

alert(document.getElementById("myDIV").style.paddingRight);

Попробуйте сами

Пример 4

Разница между marginRight и paddingRight:

function changeMargin() {
  document.getElementById("myDIV").style.marginRight = "200px";
}
function changePadding() {
  document.getElementById("myDIV2").style.paddingRight = "200px";
}

Попробуйте сами

Синтаксис

Возврат свойства paddingRight:

object.style.paddingRight

Установка свойства paddingRight:

object.style.paddingRight = "%|length|initial|inherit"

Значение свойства

Значение Описание
% Определяет правый внутренний отступ в процентах от ширины родительского элемента.
length Определяет правый внутренний отступ с помощью единицы измерения длины.
initial Этот атрибут устанавливается в значение по умолчанию. См. initial.
inherit Эта свойство наследуется от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: 0
Возвратное значение: Строка, представляющая правый внутренний отступ элемента.
Версия CSS: CSS1

Браузер поддерживает

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка