Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке Box Model у CSS? З яких частин складається Box Model?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Box Model** - це модель, за якою браузер обчислює розмір і простір навколо кожного блокового елемента, що складається з чотирьох областей: content, padding, border і margin. **Ключове:** разом content, padding, border і margin визначають повний візуальний розмір елемента на сторінці.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняBox Model, це модель, за якою браузер розраховує розмір і простір навколо кожного блокового елемента. Будь-який елемент у CSS вважається прямокутною коробкою, що складається з чотирьох областей (від центру назовні): 1. **Content**, вміст (текст, зображення, контент елемента). 2. **Padding**, внутрішні відступи між контентом і межею. 3. **Border**, рамка елемента. 4. **Margin**, зовнішній відступ, який створює простір між елементом і сусідами. ## Схема ```javascript +-------------------------+ | margin | | +-------------------+ | | | border | | | | +-------------+ | | | | | padding | | | | | | +---------+ | | | | | | | content | | | | | | | +---------+ | | | | | +-------------+ | | | +-------------------+ | +-------------------------+ ``` Content + padding + border + margin, визначають повний візуальний розмір елемента на сторінці.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.