English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

CSS @правила (RULES)

Полный список свойств CSS

Метод использования и примеры CSS padding-left

CSS свойство padding-left устанавливает отступ слева, то есть пространство между рамкой и содержимым элемента. Однако, в большинстве случаев, сокращенная запись свойств CSSpaddingБолее часто используемо и предпочтительнее.

В таблице приведены инструкции по использованию и историю версий этого свойства, а также грамматика использования в скриптах JavaScript.

Значение по умолчанию:0
Применяется к:Все элементы, кроме<tbody>,<thead>,<tfoot>,<tr>,<colgroup>и<col>. Оно также применяется к::first-letter.
Наследование:Нет
Анимируемо:Да.См. также Анимационные свойства.
Версия:CSS 1, 2, 3
Грамматика JavaScript:объект.style.paddingLeft="2em"

Грамматика использования padding-left

Грамматика этого свойства такая:

padding-left: length | percentage | initial | inherit

Ниже приведены примеры использования свойства padding-left.

  h1 {
   padding-left: 2em;
  }
  p {
   padding-left: 50px;
  }
Проверьте, посмотрите <›/›

Значения свойств

В таблице ниже описаны значения этого свойства.

ЗначениеОписание
lengthЧисловое значение в единицах px, pt, cm, em и т.д., не допускается использование отрицательных значений.
percentageУказать процент заполнения. Процент относителен к ширине блока, содержащего элемент. Не допускается использование отрицательных значений percentages.
initialУстановить этот параметр в его значение по умолчанию.
inheritЕсли указано, то связанные элементы используют значение свойства padding-left родительского элемента.

Совместимость браузеров

Совместимость браузеров для свойства padding-left, числа в таблице указывают на минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Для продолжения чтения

См. также следующие руководства:CSS отступ,CSS Box модель.

Связанные свойства:padding,padding-top,padding-right,padding-bottom.