ВЕБУЧЕБНИКИ

Отступы

Оступы создают пространство вокруг содержания (внутри границы) элемента. На отступы влияет цвет фона элемента.

Верхний (top), правый (right), нижний (bottom) и левый (left) отступы могут быть заданы независимо, используя отдельные свойства. Стенографическое свойство также может использоваться, чтобы задать все отступы одновременно.

Возможные значения

Отступы - индивидуальные значения для сторон

В CSS можно указать различные отступы для разных сторон:

Пример:

padding-top:25px;

padding-bottom:25px;

padding-right:50px;

padding-left:50px;

нажмите чтобы увидеть результат 

Отступы - cтенографическое (сокращенное) свойство

Чтобы укоротить код, можно указать все свойства отступов в одном свойстве. Оно называется стенографическим (сокращенным) свойством.

Стенографическое свойство для указания всех свойств отступов - "padding":

Пример:

padding:25px 50px;

 нажмите чтобы увидеть результат 

Свойство padding может иметь от одного до четырех значений:

• padding:25px 50px 75px 100px;

  • верхний отступ 25px

  • правый отступ 50px

  • нижний отступ 75px

  • левый отступ 100px

• padding:25px 50px 75px;

  • верхний отступ 25px

  • правый и левый отступы по 50px

  • нижний отступ 75px

• padding:25px 50px;

  • верхний и нижний отступы по 25px

  • правый и левый отступы по 50px

• padding:25px;

  • все четыре отступа по 25px