Свойство "поле" устанавливают размер, периферию и расположение полей, представляющих элементы. См. модель форматирования (разд.4), в котором приведен пример использования свойства "поле".
Свойства границы устанавливают границу элемента. Обобщающее свойство 'margin' устанавливает границу для всех четырех сторон , в то время как остальные устанавливают только соответствующую сторону.
Свойства отступа определяют, сколько места оставляется между рамкой и содержанием (напр. текст или изображение). Обобщающее свойство 'padding' устанавливает отступ для всех четырех сторон, в то время как остальные устанавливают лишь соответствующую сторону.
Свойства рамки устанавливают рамки элемента. Каждый элемент имеет четыре стороны рамки, для каждой из которых устанавливаются ширина, цвет и стиль.
Свойства "ширина" ('width') и "высота" ('height') устанавливают размеры поля , а "плавающий" ('float') и "очистка" ('clear') позволяют изменять позицию элементов.
5.5.1 Установка верхней границы ('margin-top').
Значение: <length> | <percentage> | auto По умолчанию: 0 Область применения: все элементы Наследование: нет Процентное выражение: по отношению к ширине родительских элементов.
Это свойство определяет верхнюю границу элемента:
H1 { margin-top: 2em }
Допускаются отрицательные значения, но в пределах ограничений, накладываемых способом обработки.
5.5.2 Установка правой границы ('margin-right').
Значение: <length> | <percentage> | auto По умолчанию: 0 Область применения: все элементы Наследование: нет Процентное выражение: по отношению к ширине родительских элементов
Это свойство определяет правую границу элемента:
H1 { margin-right: 12.3% }
Допускаются отрицательные значения, но в пределах ограничений, накладываемых способом обработки.
5.5.3 Установка нижней границы ('margin-bottom').
Значение: <length> | <percentage> | auto По умолчания: 0 Область применения: все элементы Наследование: нет Процентное выражение: по отношению к ширине родительских элементов