Пример
/* Внутренний отступ от верхней части элемента будет равен 20px, от правой 40px, от
нижней 10px и от левой 60px */
p
{
padding:20px 40px 10px 60px;
}
С помощью padding Вы можете можете установить все существующие в CSS свойства внутреннего отступа за одно определение.
Свойство padding может иметь от одного до четырех значений:
Заданы четыре значения:
Пример
/* Внутренний отступ от верхней части элемента будет равен 20px, от правой 40px, от
нижней 10px и от левой 60px */
p
{
padding:20px 40px 10px 60px;
}
Заданы три значения:
Пример
/* Внутренний отступ от верхней части элемента будет равен 20px, от правой и от левой
40px, а от нижней 10px */
p
{
padding:20px 40px 10px;
}
Заданы два значения:
Пример
/* Внутренний отступ от верхней и от нижней части элемента будет равен 20px, а от правой
и от левой 40px */
p
{
padding:20px 40px;
}
Задано одно значения:
Пример
/* Внутренний отступ от всех сторон элемента будет равен 20px */
p
{
padding:20px;
}
| Свойство | Описание |
|---|---|
| число | Устанавливает фиксированный отступ в px, pt, cm, и т.д. 0px является значением по умолчанию. |
| % | Определяет отступ относительно родительского элемента. |