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

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

Отрицательные значения недопустимы.

Это свойство не имеет эффекта на строчных элементах, подобно <span>.

Значение по умолчанию	0
Применяется	Ко всем элементам, кроме тех случаев, когда свойство display имеет значения table-row-group, table-header-group, table-footer-group, table-row, table-column-group и table-column. Также применяется к ::first-letter.
Наследуется	Нет
Анимируемое	Да. Отступ анимируем.
Версия	CSS1
DOM синтаксис	object.style.paddingTop = "10px";

Синтаксис

padding-top: length | initial | inherit;

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      p {
      border: 2px solid #666; 
      color: #8ebf42;
      padding-top: 30px;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства padding-top</h2>
    <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.</p>
  </body>
</html>

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

Пример, где значение установлено в единице измерения "em":

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      p {
      border: 2px solid #666; 
      color: #8ebf42;
      padding-top: 4em;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства padding-top</h2>
    <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.</p>
  </body>
</html>

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

Значения

Значение	Описание
length	Устанавливает отступ в единицах измерения (px, pt, cm и т. д.). Значение по умолчанию - 0.
%	Устанавливает отступ в процентах.
initial	Устанавливает свойство в значение по умолчанию.
inherit	Значение элемента наследуется от родительского элемента.