Свойство CSS padding

Поддержка браузерами

Браузеры для ПК
Internet Explorer Chrome Opera Safari Firefox Edge
4.0+ 1.0+ 3.5+ 1.0+ 1.0+ 12+
Браузеры для планшетов и мобильных устройств
Android webview Chrome для Android Edge Mobile Firefox для Android Opera для Android iOS Safari Samsung Internet
Да Да Да Да Да Да Да

Краткая информация

Значение по умолчанию 0
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML Нет
Реализация в javascript
document.getElementById('idElement').style.padding = '10px';
в данном случае элементу с id='idElement' будет добавлен стиль
padding:10px;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="padding:10px;">...</div>
Реализация в jQuery
$('#idElement').css('padding','red);
в данном случае элементу с id='idElement' будет добавлен стиль
padding:10px;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="padding:10px;">...</div>

Поддерживающие версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Задает расстояние отступа от края (внутри) элемента до внутренней части его содержимого.

Синтаксис

padding: [<длина>| <проценты>] {1, 4} | inherit;

Например:

... padding: 5%; ...

Значения

Число значений Результат
1
  1. Устанавливает отступ от всех четырех сторон элемента.
2
  1. Первое значение устанавливает отступ от верхней и нижней границы,
  2. Второе значение устанавливает отступ от правой и левой границы элемента.
3
  1. Первое значение устанавливает отступ от верхней границы,
  2. Второе значение устанавливает отступ от правой и левой границы элемента,
  3. Третье значение устанавливает отступ от нижней границы.
4
  1. Первое значение устанавливает отступ от верхней границы,
  2. Второе значение устанавливает отступ от правой границы элемента,
  3. Третье значение устанавливает отступ от нижней границы,
  4. Четвертое значение устанавливает отступ от левой границы элемента.

Пример

padding:20px;
padding:10px 5%;
padding:5% 10px 5em;
padding:5px 10px 15px 20px;

Результат

В этом блоке показан пример использования свойства padding:20px;.