Поля в CSS

На уровне языка HTML содержимое каждой табличной ячейки отстоит от ее стенок на расстоянии, определенном параметром padding. Это внутренние поля.

Подобное форматирование элементов документа доступно и на уровне CSS. Здесь можно задавать как внешние поля отдельных элементов, так и внутренние поля – между границами блока, внутри которого отображается данный элемент и его содержимым. Вводя значения атрибутов полей, можно применять числовые единицы длины или процентные значения.

Свойства, задающие размеры полей:

• margin-top – верхние поля: расстояние от начала документа или между предыдущим элементом и текущим элементом;
• margin-bottom – нижние поля: расстояние от конца документа или между последующим элементом и текущим элементом;
• margin-left – левые поля;
• margin-right – правые поля;
• margin – концентрированная декларация размеров полей.

Примеры:

P {margin: 10px}

Все поля будут иметь размер 10 пикселей.

P {margin: 1cm 2cm}

Верхние и нижние поля будут иметь размер 1 см, правые и левые – 2 см.

P {margin: 1cm 2cm 3cm 4cm}

Последовательные значения определяют размеры полей: верхних, правых, нижних и левых.

• padding-top – внутренние верхние поля;
• padding-bottom – внутренние нижние поля;
• padding-left – внутренние левые поля;
• padding-right – внутренние правые поля;
• padding – концентрированная декларация внутренних полей, окружающих данный элемент. Здесь действуют те же правила, что и для внешних полей.

http://www.4webmaster.ru/

Рекомендуем почитать:
• Отступы на веб-странице
• Как установить на web-сайте прием платежей через сервис Webmoney Transfer
• Позиционирование объектов и определение их размеров в CSS