CSS3 коробчатого проклейки недвижимость
примеров
Две коробки обозначенную границу:
div
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:50%;
float:left;
}
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:50%;
float:left;
}
Попробуйте »
Поддержка браузеров
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
Сразу же после цифровой -webkit-, -ms- или -moz- назад в поддержку префикса атрибута первый номер версии браузера.
属性 | |||||
---|---|---|---|---|---|
box-sizing | 10.0 4.0 -webkit- |
8.0 | 29.0 2.0 -moz- |
5.1 3.2 -webkit- |
9.5 |
Определение атрибута и инструкции
коробчатую проклейки свойство позволяет определить некоторые элементы каким-то образом адаптироваться к обозначенной области.
Например, если вам необходимо разместить две бок о бок с коробкой границу коробчатой проклейки на "границы ящика". Это может сделать браузер показывает окно с заданной ширины и высоты, а также границы и отступы в коробку.
По умолчанию: | Содержание ящика |
---|---|
Наследование: | нет |
Версия: | CSS3 |
Синтаксис JavaScript: | объект .style.boxSizing = "Граница-бокс" |
грамматика
коробчатого проклейки: содержание ящика | границы коробки | Inherit:
значение | объяснение |
---|---|
Содержание ящика | Это поведение заданной шириной и высотой CSS2.1. Ширина и высота (мин / макс атрибут), указанный элемент, подходящий для ширины и высоты окна. Отступов и границ, а также чертежей макеты указать ширину и высоту элемента, за исключением |
окантовка ящик | Определяет ширину и высоту (мин / макс атрибут), чтобы определить границы окна элемента. Другими словами, элементы заданной ширины и высоты, включая назначение отступы и границы. Ширина и высота содержания минус соответствующие стороны границы и заполнения рассчитывается по ширине "ширина" и "высота" указанный атрибут |
унаследовать | Значение определяет свойство коробчатого размеров должно быть унаследовано от родительского элемента |
Статьи по Теме
CSS3 учебник: CSS3 пользовательского интерфейса