CSS свойство padding, поддержка в браузерах, примеры использования // Вебшкола онлайн

22.10.2021
Использование в css



up_violet-3524946Перейти к справке CSS

p { padding:2cm 4cm 3cm 4cm;

}

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

CSS свойство padding определяет внутренний отступ между границами элемента и его содержимым в одной записи. Свойство может иметь от одного до четырех значений.

Примеры:

  • padding:10px 5px 15px 20px;
    • верхний отступ равен 10px
    • правый отступ равен 5px
    • нижний отступ равен 15px
    • левый отступ равен 20px

  • padding:10px 5px 15px;
    • верхний отступ равен 10px
    • правый и левый отступы равны 5px
    • нижний отступ равен 15px

  • padding:10px 5px;
    • верхний и нижний отступы равны 10px
    • правый и нижний отступы равны 5px

  • padding:10px;

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

Значение по умолчанию 0
Наследование нет
Версия CSS CSS 1
Синтаксис JavaScript object.style.padding=»10px 5px»

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

chrome-5029034 firefox-2386541 ie-5326782 opera-3418015 safari-7590620
Свойство padding поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.

Возможные значения свойства padding

Значение Описание
размер Отступ в фиксированных величинах — px (пиксели), pt (пункты), cm (сантиметры) и тд. Размер по умолчанию — 0px
% Размер отступа в процентах от ширины родительского элемента
inherit Значение наследуется от родительского элемента

Похожие страницы

Учебник CSS: padding — поля в CSS

up_violet-3524946Перейти к справке CSS