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

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

padding-left атрибут устанавливает ширину левого внутреннего отступа (пробел).

Описание

Этот атрибут устанавливает ширину левого внутреннего отступа элемента. Левый внутренний отступ, установленный для инлайн-нереplaced элементов, появляется только слева от первого инлайн-бокса, генерируемого элементом.

Комментарий:Запрещено использовать отрицательные значения.

См. также:

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

HTML DOM справочник:paddingLeft атрибут

Пример

Установить левый внутренний отступ элемента p:

p
  {
  padding-left:2cm;
  }

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

(Более подробные примеры можно найти в нижней части страницы)

CSS синтаксис

padding-left: length|initial|inherit;

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

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

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

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

TIY пример

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

Поддержка браузерами

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5