Мы используем файлы cookie для улучшения работы сайта и предоставления вам персонализированного опыта. Правила использования файлов cookie можно найти в нашей политике конфиденциальности
box-sizing
определяет, как вычисляется общий размер элемента (ширина и высота), включая его padding и border.
Существует два основных значения:
content-box
(значение по умолчанию): Ширина и высота элемента определяются только размерами контента. Padding и border добавляются к этому размеру, увеличивая общий размер элемента.border-box
: Ширина и высота элемента включают в себя padding и border. Размер контента уменьшается для их размещения.Проиллюстрируем на примере:
css
Если box-sizing: content-box;
:
Общая ширина будет 100px (контент) + 10px (padding слева) + 10px (padding справа) + 5px (border слева) + 5px (border справа) = 130px
.
Общая высота будет `50px (конте
box-sizing
определяет, как вычисляется общий размер элемента (ширина и высота), включая его padding и border.
Существует два основных значения:
content-box
(значение по умолчанию): Ширина и высота элемента определяются только размерами контента. Padding и border добавляются к этому размеру, увеличивая общий размер элемента.border-box
: Ширина и высота элемента включают в себя padding и border. Размер контента уменьшается для их размещения.Проиллюстрируем на примере:
css
Если box-sizing: content-box;
:
Общая ширина будет 100px (контент) + 10px (padding слева) + 10px (padding справа) + 5px (border слева) + 5px (border справа) = 130px
.
Общая высота будет `50px (конте
Зарегистрируйтесь или войдите, чтобы получить доступ к полным ответам на все вопросы из банка вопросов.