Свойство paddingBottom

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

paddingBottom Устанавливает или возвращает нижний внутренний отступ элемента.

Атрибут margin и Атрибут padding Вставляют пространство вокруг элемента. Но различие в том, что margin вставляет пространство вокруг рамки, а padding - внутри рамки элемента.

Дополнительная информация:

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

Справочник CSS:Атрибут padding-bottom

HTML DOM справочник:Атрибут padding

Пример

Пример 1

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

document.getElementById("myDiv").style.paddingBottom = "50px";

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

Пример 2

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

document.getElementById("myDiv").style.paddingBottom = "0px";

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

Пример 3

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

alert(document.getElementById("myDiv").style.paddingBottom);

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

Пример 4

Разница между marginBottom и paddingBottom:

function changeMargin() {
  document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingBottom = "100px";
}

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

Синтаксис

Возвратить атрибут paddingBottom:

object.style.paddingBottom

Установить атрибут paddingBottom:

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

Значение атрибута

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

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

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

Поддержка браузеров

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