Верстка · Junior · Запитання 13 з 75
Що робить box-sizing: border-box?
- 1Малює навколо елемента додаткову рамку ззовні
margin - 2Обнуляє в елемента
paddingіborder, лишаючи тільки контент - ✓Правильна відповідь: Включає
paddingіborderу заданіwidthіheight
Пояснення
За content-box (за замовчуванням) width задає лише ширину вмісту, і padding з border додаються зверху: width: 200px + padding: 20px = 240px. За border-box підсумкова ширина рівно 200px, а вміст стискається. Тому багато скидань стилів ставлять border-box усім елементам. margin у розмір ніколи не входить.