Свойство padding-top в CSS

  • предыдущая страница padding-right
  • Следующая страница @page

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

padding-top атрибут устанавливает верхний внутренний отступ элемента (пространство).

Описание

Этот атрибут устанавливает ширину верхнего внутреннего отступа элемента. Верхний внутренний отступ для в Inline non-replaced elements не влияет на вычисление высоты строки, поэтому, если элемент имеет как отступ, так и фон, он может визуально простирается на другие строки и может перекрываться с другим содержимым. Не допускаются отрицательные значения отступа.

Комментарий:Не допускаются отрицательные значения.

См. также:

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

Руководство по HTML DOM:paddingTop атрибут

Пример

Установка верхнего внутреннего отступа для элемента p:

p
  {
  padding-top:2cm;
  }

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

Дополнительные примеры можно найти в нижней части страницы.

CSS синтаксис

padding-top: length|initial|inherit;

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

Значение Описание
length Определяет фиксированный верхний внутренний отступ в конкретных единицах измерения, таких как пиксели, сантиметры и т.д. Значением по умолчанию является 0px.
% Определяет верхний внутренний отступ в процентах от ширины родительского элемента. Это значение не всегда работает так, как ожидается во всех браузерах.
inherit Определяет, что верхний внутренний отступ должен быть наследован от родительского элемента.

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

Значение по умолчанию: 0
Инheritability: нет
Версия: CSS1
JavaScript синтаксис: объект.style.paddingTop="10px"

Пример TIY

Установка верхнего внутреннего отступа 1
Этот пример демонстрирует, как использовать значения в сантиметрах для установки верхнего внутреннего отступа ячеек.
Установка верхнего внутреннего отступа 2
Этот пример демонстрирует, как использовать процентные значения для установки верхнего внутреннего отступа ячеек.

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5
  • предыдущая страница padding-right
  • Следующая страница @page