Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

CSS Свойство padding


CSS Справочник Полный CSS Справочник

Пример

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

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

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

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

Стенографическое свойство padding устанавливает все свойства padding в одном объявлении. Это свойство может иметь от одного до четырех значений.

Примеры:

  • 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 синтаксис: объект.style.padding="10px 5px"


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

Internet Explorer Firefox Opera Google Chrome Safari

Свойство padding поддерживается всеми основными браузерами.

Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует объявления !DOCTYPE. IE9 поддерживает "inherit".


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

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


Смотрите Также

CSS уроки: CSS Отступы


CSS Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru