Описание тега box-sizing
None Свойство CSS3 Box Model, которое указывает, включены ли граница и отступ элемента в его высоту и ширину.
Это свойство CSS3 Box Model указывает, должны ли быть включены граница и отступ элемента при определении его высоты и ширины.
Два возможных значения: content-box а также border-box.
поле содержимого
Граница, отступы и поля элемента не учитываются при определении его высоты и ширины. Это значение по умолчанию и поведение, указанное в CSS2.1.
- height = высота содержимого
- width = ширина содержимого
рамка
Высота и ширина элемента включают его границу и отступы.
- высота = граница + отступ + высота содержимого
- ширина = граница + отступ + ширина содержимого
Ресурсы
- Модуль базового пользовательского интерфейса CSS, уровень 3 3.1. свойство размера коробки
- Размер коробки MDN
- Могу ли я использовать CSS3 Box-sizing