Свойства для задания поля с одной стороны

К счастью, существует способ задать поле только с одной стороны элемента. Скажем, надо задать элементам h2 поле в 3em только слева. Вместо свойства margin, требующего набора большого количества символов, можно выбрать такой подход:

h2 {margin-left: 3em;}

Свойство margin-left – одно из четырех свойств, предназначенных для задания полей с одной из четырех сторон блока элемента. Их имена могут стать небольшим сюрпризом. Применение любого из этих свойств позволяет задавать поле только с одной стороны, совершенно не влияя на все остальные поля.

В одном правиле можно задать несколько этих свойств, например:

h2 {margin-left: 3em; margin-bottom: 2em;
margin-right: 0; margin-top: 0;
background: silver;}

Поля заданы так, как вы хотели. Конечно, в этом случае, наверное, было бы проще обратиться к свойству margin:

h2 {margin: 0 0 2em 3em;}

Независимо от того, что вы предпочтете – односторонние свойства или сокращенную форму записи, – результат будет одним и тем же. В общем, если надо задать поля с нескольких сторон, лучше применить свойство margin. Однако с точки зрения представления документа на самом деле не важно, какой выбран подход, так что остановитесь на том, что кажется вам проще.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
Абсолютные значения и поля
Задание рамки одним свойством
Несколько стилей
Основные блоки элементов
Отрицательные и свернутые поля

Вернуться в раздел: CSS / 8. Отступы, рамки и поля