Свойство CSS padding-bottom
- предыдущая страница padding-block-start
- Следующая страница padding-inline
Определение и использование
Свойство paddingBottom устанавливает нижний внутренний отступ элемента (нижний пробел).
Описание
Этот атрибут устанавливает ширину нижнего внутреннего отступа элемента. Нижний внутренний отступ inline-нереplaced элементов не влияет на расчет высоты строки, поэтому, если элемент имеет как отступ, так и фон, он может визуально распространяться на другие строки и возможно даже перекрываться с другим содержимым. Запрещено указывать отрицательные значения отступа.
Комментарий:Запрещено использовать отрицательные значения.
См. также:
Уроки CSS:Внутренний отступ CSS
Руководство по HTML DOM:свойство paddingBottom
Пример
Установите нижний внутренний отступ для элемента p:
p { padding-bottom:2cm; }
(более примеров можно найти в нижней части страницы)
CSS синтаксис
padding-bottom: length|initial|inherit;
Значение атрибута
Значение | Описание |
---|---|
length | Определяет фиксированный нижний внутренний отступ в конкретных единицах измерения, таких как пиксели, сантиметры и т.д. Значением по умолчанию является 0px. |
% | Определяет нижний внутренний отступ в процентах от ширины родительского элемента. Этот параметр не всегда работает как ожидается во всех браузерах. |
inherit | Определяет, что нижний внутренний отступ должен быть наследован от родительского элемента. |
Технические детали
Значение по умолчанию: | 0 |
---|---|
Инheritance: | нет |
Версия: | CSS1 |
JavaScript синтаксис: | объект.style.paddingBottom="10px" |
TIY пример
- Установка нижнего внутреннего отступа 1
- Этот пример демонстрирует, как использовать сантиметры для установки нижнего внутреннего отступа ячеек.
- Установка нижнего внутреннего отступа 2
- Этот пример демонстрирует, как использовать проценты для установки нижнего внутреннего отступа ячеек.
Поддержка браузерами
Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- предыдущая страница padding-block-start
- Следующая страница padding-inline