У CSS передбачені ключові слова для управління як відступами білого кольору навколо об'єктів (margins), так і невеликими буферними зонами навколо об'єктів (padding). Звичайне компонування з використанням відступів, буферних зон і самих об'єктів показане на мал. 6.
Мал. 6. Приклад використання відступів і буферних зон
• Content area (зона розміщення об'єкту) - та область, в якій розміщені самі об'єкти Web-сторінки, наприклад, текст, зображення або таблиця.
• Padding (буферна область) - оточує зону розміщення вмістимого. При цьому фон буферної області та інші її властивості співпадають з властивостями області розміщення вмістимого.
• Border (рамка) - розташована між буферною зоною і відступами (а не між зоною розміщення вмістимого і відступами напряму).
• Margins (відступи) - оточують буферну зону і рамку (якщо вона є). На відміну від буферної зони, фон якої співпадає з фоном, використаним для зони розміщення вмістимого, фон відступів співпадає з фоном оточуючих областей сторінки.
Ширину відступів і буферної зони, а також товщину рамки можна вказувати в будь-яких одиницях вимірювання, прийнятих в CSS. Але частіше за все використовуються пікселі.
