Відступи (margin)

При відображенні блоку тексту на папері довкола нього зазвичай залишають поля. Поля можна задавати або щодо границі сторінки, або щодо самого блоку тексту. У першому випадку ми маємо справу з "набивкою" (padding), а в другому — з відступом (margin). Власне, ширина поля буде визначатися сумою ширини "набивки" і ширини відступу.

Звичайно пунктирна лінія і границя блоку є невидимими лініями. Вони є уявними по вирівняному краю тексту. Вірніше, є уявною сумарна ширина полів. Стрілки вказують напрямок відліку відступу. Padding відраховується від зовнішньої границі блоку всередину блоку, у той час як margin — від зовнішньої границі блоку в область охопленого ним блоку (назовні).

Зовнішній відступ (margin) може відраховуватися по будь-якому напрямку щодо сторін блоку:

margin-left — лівий зовнішній відступ. Визначає відстань від лівої границі блоку тексту до лівої границі внутрішнього відступу ("набивки", padding) охопленого елемента;
margin-right — правий зовнішній відступ. Визначає відстань від правої границі блоку тексту до правої границі внутрішнього відступу ("набивки", padding) охопленого елемента;
margin-top — верхній зовнішній відступ. Визначає відстань від верхньої границі блоку тексту до верхньої границі внутрішнього відступу ("набивки", padding) охопленого елемента;
margin-bottom — нижній зовнішній відступ. Визначає відстань від нижньої границі блоку тексту до нижньої границі внутрішнього відступу ("набивки", padding) охопленого елемента;
margin — задає загальний зовнішній відступ від усіх сторін блоку тексту. Застосовується в тому випадку, якщо блок тексту равновіддалений від усіх границь внутрішнього відступу охопленого елемента.

Потрібно мати на увазі, що браузери можуть відображати ці параметри по-різному. Netscape Navigator 4.x досить незграбно обробляє margin, оптимізуючи представлення стилю там, де цього робити не потрібно.

Якщо розмір усіх зовнішніх відступів однаковий, то можна просто скористатися атрибутом margin:

P { margin:5px; }

При застосуванні зовнішнього відступу варто пам'ятати, що він відраховується від границі елемента до границі внутрішнього відступу ("набивки", padding) охопленого елемента. Якщо цей факт не враховувати, то загальна ширина видимих полів може виявитися більшою, ніж зазначено в зовнішньому відступі.