padding-bottom
Поддержка браузерами
| 12.0+ | 4.0+ | 1.0+ | 1.0+ | 3.5+ | 1.0+ |
Описание
CSS свойство padding-bottom устанавливает расстояние (его также называют "внутренний отступ") между нижним внутренним краем рамки элемента и его содержимым. Внутренний отступ влияет на общий размер элемента.
Внутренний отступ может быть установлен и для блочных и для строчных элементов.
Примечание: отрицательные значения отступов не допускаются.
| Значение по умолчанию: | 0 |
|---|---|
| Применяется: | ко всем элементам кроме тех, которые относятся к типу display: table-row-group, table-header-group, table-footer-group, table-row, table-column-group и table-column |
| Анимируется: | да |
| Наследуется: | нет |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.paddingBottom="2cm" |
Синтаксис
padding-bottom: размер|%|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| размер | Определяет размер отступа в единицах измерения, используемых в CSS. |
| % | Величина, указанная в процентах, вычисляется в зависимости от ширины области содержимого родительского элемента. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
CSS Свойство:
padding-bottom:
Результат:
С помощью padding-bottom можно регулировать расстояние от контента до нижней границы элемента.
CSS Код:
div#myBox {
background-color: yellow;
width: 150px;
padding-bottom: 0px;
}
background-color: yellow;
width: 150px;
padding-bottom: 0px;
}