Поля margin

Поля — це відстань між елементами та між елементом і межами вікна.

Вони потрібні, щоб межі елементів не торкалися один одного.

Поля двох сусідніх елементів не складаються, а об’єднуються, і відстань між елементами дорівнює більшому полю.

Поля не заповнюються фоном.

Поля задаються властивостями:

margin-top (верхнє поле),
margin-right (праве поле),
margin-bottom (нижнє поле),
margin-left (ліве поле),
margin (margin задає розмір полів для всіх чотирьох сторін через пробіл у такому порядку: зверху, справа, знизу, зліва). Якщо задане одне значення, всі поля мають однаковий розмір.

Значення цієї властивості — число з одиницями вимірювання.

Нехай потрібно зробити навколо першого абзацу поля по 1 см з усіх боків, а навколо другого абзацу — по 2 см:

Позначимо в документі ці абзаци ідентифікаторами X та Y:

В таблиці стилів для цих елементів опишемо такі поля: