padding-left
Поддержка браузерами
| 12.0+ | 4.0+ | 1.0+ | 1.0+ | 3.5+ | 1.0+ |
Описание
CSS свойство padding-left устанавливает расстояние (его также называют "внутренний отступ") между левым внутренним краем рамки элемента и его содержимым. Внутренний отступ влияет на общий размер элемента.
Внутренний отступ может быть установлен и для блочных и для строчных элементов.
Примечание: отрицательные значения отступов не допускаются.
| Значение по умолчанию: | 0 |
|---|---|
| Применяется: | ко всем элементам кроме тех, которые относятся к типу display: table-row-group, table-header-group, table-footer-group, table-row, table-column-group и table-column |
| Анимируется: | да |
| Наследуется: | нет |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.paddingLeft="2cm" |
Синтаксис
padding-left: размер|%|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| размер | Определяет размер отступа в единицах измерения, используемых в CSS. |
| % | Величина, указанная в процентах, вычисляется в зависимости от ширины области содержимого родительского элемента. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
CSS Свойство:
padding-left:
Результат:
С помощью padding-left можно регулировать расстояние от контента до левой границы элемента.
CSS Код:
div#myBox {
background-color: yellow;
width: 150px;
padding-left: 0px;
}
background-color: yellow;
width: 150px;
padding-left: 0px;
}