Свойство CSS padding-bottom

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

Браузеры для ПК
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.paddingBottom = '10px';
в данном случае элементу с id='idElement' будет добавлен стиль
padding-bottom:10px;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="padding-bottom:10px;">...</div>
Реализация в jQuery
$('#idElement').css('padding-bottom','red);
в данном случае элементу с id='idElement' будет добавлен стиль
padding-bottom:10px;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="padding-bottom:10px;">...</div>

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

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

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

Синтаксис

padding-bottom: [<длина>| <проценты>] | inherit;

Например:

... padding-bottom: 5%; ...

Значения

inherit Наследует значение родителя.

Пример

padding-bottom:20px;
padding-bottom:5%;
padding-bottom:5em;
padding-bottom:20cm;

Результат

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