English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

Правила CSS (@RULES)

Полный список свойств CSS

Метод использования и примеры CSS padding-bottom

CSS-свойство padding-bottom устанавливает отступ до нижней стороны, то есть пространство между отступом и содержимым элемента. Однако, в большинстве случаев, сокращенные CSS-свойстваpaddingБолее часто используемое и предпочтительное.

Таблица ниже предоставляет описание использования и историю версий этого свойства, а также грамматику использования в скриптах JavaScript.

Значение по умолчанию:0
Для:Все элементы, кроме<tbody>,<thead>,<tfoot>,<tr>,<colgroup>и<col>. Оно также применяется к::first-letter.
Ингерит:Нет
Анимировано:Да.См. также Анимационные свойства.
Версия:CSS 1, 2, 3
JavaScript грамматика:объект.style.paddingBottom="2cm"

Использование грамматики padding-bottom

Грамматика этого свойства такая:

padding-bottom: length | percentage | initial | inherit

Ниже приведены примеры использования свойства padding-bottom.

  h1 {
   padding-bottom: 2em;
  }
  p {
   padding-bottom: 50px;
  }
Пробуйте, посмотрите‹/›

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

В таблице ниже описаны значения этого свойства.

ЗначениеОписание
lengthЧисловое значение в px, pt, cm, em и других единицах измерения, значения не могут быть отрицательными.
percentageУказать процент заполнения. Процент относителен к ширине блока, содержащего элемент. Запрещены отрицательные значения percentages.
initialУстановить этот параметр в его значение по умолчанию.
inheritЕсли задан, то соответствующие элементы используют значение свойства padding-bottom родительского элемента.

Совместимость браузеров

Совместимость браузеров для свойства padding-bottom, числа в таблице указывают на минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Для чтения далее

См. также следующие руководства:CSS заполнение,CSS Box модель.

Соответствующие свойства:padding,padding-top,padding-right,padding-left.