Закрыть   X

  •    
  •    
Печать

padding

Автор: Алексей Елизаров.

CSS свойство 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;
    • Все 4 отступа по 10px

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

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


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

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

div#myBox
{
background-color:#9aca38;
width:100px;
padding:50px;
}


© 2018 cssprofi.ru.Алексей Елизаров. Все права защищены
cssprofi.ru - запрещено использование материалов сайта без согласия его автора и обратной ссылки