Що таке «content area»?

Content area, це внутрішня область коробки елемента, у якій розташовується його вміст: текст, зображення, вкладені елементи. Саме до content area належать властивості width, height, і саме вона лежить у центрі Box Model.

Структура ззовні всередину:

Характерні ознаки:

• це найцентральніша частина box-а;
• padding, border і margin до неї не входять;
• якщо стоїть box-sizing: content-box, то width і height працюють лише з нею.

Підсумок: content area, це область фактичного контенту елемента, без внутрішніх відступів і рамок.