Сокращения свойств

Довольно скучно задавать отдельные стили для каждой стороны блока, указывая, допустим, поля, отступы или границы. CSS предлагает более краткий способ сделать это с помощью одного объявления. В таком объявлении порядок сторон всегда неизменный: верхняя, правая, нижняя, левая. Чтобы запомнить его можно сравнить такой порядок со стрелкой часов, проделывающей круг. Итак, если мы хотим указать поля для элемента, вместо правила:

{margin-top: 5px; margin-right: 10px; margin-bottom:12px; margin-left:8px;}

мы можем просто написать:

{ margin:5рх 10рх 12рх 8рх)

Обратите внимание, что значения указываются через пробел. Если вы не указали значение для одной стороны, используется значение, указанное для противоположной:

{margin:12рх 10рх 6рх}

В этом правиле отсутствует последнее значение для левой стороны, поэтому будет использовано значение, указанное для правой - 10 пикселов. В следующем правиле:

{margin:12px 10рх}

мы указали значения для верхней и правой сторон, соответственно, для нижней и левой стороны будут использованы они же. Наконец, если указано только одно значение:

{marin:12px}

поля со всех сторон будут одинакового размера.

Если вы хотите задать нулевые значения для одной или нескольких сторон, можно просто указать 0 без единицы измерения:

{margin: 2рх 0 0 4рх}




Rambler's Top100