CSS paddingСвойство


Пример

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

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

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

Определение свойства и инструкции по использованию

Свойство-сокращение padding устанавливает все свойства padding в одном объявлении. Это свойство может иметь от 1 до 4 значений.

Пример:

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

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

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

  • padding:10px;
    • Все четыре внутренних отступа равны 10px

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

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

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

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

Свойство
padding 1.0 4.0 1.0 1.0 3.5

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

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

Связанные статьи

Учебник CSS:CSS Padding

Другие расширения