пример
Измените свойство boxSizing:
document.getElementById("myDIV").style.boxSizing = "border-box";
Попробуй сам " Определение и использование
Свойство boxSizing позволяет определить некоторые элементы, чтобы соответствовать площади определенным образом.
Например, если вы хотите два граничат коробки бок о бок, это может быть достигнуто путем установления boxSizing в "border-box" . Это заставляет браузер, чтобы сделать коробку с заданной ширины и высоты, и поместите границы и отступы внутри коробки.
Поддержка браузеров
Свойство boxSizing поддерживается в Internet Explorer, Opera, Chrome и Safari.
Firefox поддерживает альтернативу, свойство MozBoxSizing.
Синтаксис
Возвращает свойство boxSizing:
object .style.boxSizing Установите свойство boxSizing:
object .style.boxSizing="content-box|border-box|initial|inherit"
Значения свойств
| Стоимость | Описание |
|---|---|
| content-box | Значение по умолчанию. Это поведение ширины и высоты, как указано CSS2.1. Заданной ширины и высоты (and min/max properties) относятся к ширине и высоте соответственно коробки содержимого элемента. Обивка и граница элемента раскладывают и обращается за пределы заданной ширины и высоты |
| border-box | Заданной ширины и высоты (and min/max properties) на этом элементе определяют границы окна элемента. То есть, любая обивка или границы указаны на элементе выложена и втянуты внутрь этой заданной ширины и высоты. Ширина и высота содержимого рассчитываются путем вычитания границ и отступов ширины соответствующих сторон от указанной ширины «» и свойства «высоты» |
| initial | Установка этого свойства в значение по умолчанию. Читайте о первоначальном |
| inherit | Inherits это свойство от родительского элемента. Читайте о унаследовать |
Технические подробности
| Значение по умолчанию: | Содержание ящика |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство коробчатых размеров элемента |
| CSS версия | CSS3 |
Похожие страницы
Ссылка CSS: box-sizing property
<Style Object