Свойство boxSizing
Пример style.boxSizing
Измените свойство boxSizing:
document.getElementById("myDIV").style.boxSizing = "border-box";
Попробуйте сами »
Описание boxSizing
Свойство boxSizing позволяет вам определять определенные элементы для размещения в области определенным образом.
Например, если вы хотите, чтобы два граничных блока располагались рядом, это можно сделать, установив boxSizing на "border-box". Это заставит браузер отобразить блок с указанной шириной и высотой и разместить границу и отступ внутри блока.
Поддержка boxSizing
| Свойство | |||||
|---|---|---|---|---|---|
| boxSizing | Да | Да | Да | Да | Да |
Синтаксис boxSizing
Вернуть свойство boxSizing:
object.style.boxSizing
Установите свойство boxSizing:
object.style.boxSizing = "content-box|border-box|initial|inherit"
Значение свойства boxSizing
| Значение | Описание |
|---|---|
| content-box | Значение по умолчанию. Это поведение ширины и высоты, как указано в CSS2.1. Указанные ширина и высота (и свойства min/max) применяются к ширине и высоте соответственно поля содержимого элемента. Отступы и границы элемента располагаются и рисуются за пределами указанных ширины и высоты |
| border-box | Указанные ширина и высота (и свойства min/max) этого элемента определяют рамку элемента. То есть, любой отступ или граница, указанные в элементе, размещаются и рисуются внутри этих указанных ширины и высоты. Ширина и высота содержимого вычисляются путем вычитания ширины границы и отступа соответствующих сторон из указанных свойств "width" и 'height" |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали boxSizing
| Значение по умолчанию: | content-box |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство box-sizing элемента. |
| CSS Версия | CSS3 |
Связанные страницы boxSizing
CSS Справочник: Свойство box-sizing