padding-top

Обновлено: 30.05.2022

padding-top

Устанавливает значение поля от верхнего края содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое (рис. 1).

Рис. 1. Поле сверху от текста

Краткая информация

Значение по умолчанию 0
Наследуется Нет
Применяется Ко всем элементам
Анимируется Да

Синтаксис

padding-top: [<размер> | <проценты>]

Значения

Величину верхнего поля можно указывать в пикселях (px), процентах (%) или других допустимых для CSS единицах. При указании поля в процентах, значение считается от ширины родителя элемента.

Пример

Результат данного примера показан на рис. 2.

Рис. 2. Применение свойства padding-top

Объектная модель

Объект.style.paddingTop

Браузеры

padding-top

Посмотреть совместимость на Can I use?

padding-top