Последнее обновление: 14.02.2011
Свойство -moz-box-sizing — определяет, будет ли размер элемента включать только контент (по умолчанию) или контент, внутренние отступы и границы.
Допустимые значения
- content-box — поведение ширины и высоты как в спецификации CSS 2.1. Внутренние отступы и границы элемента находятся за пределами указанной ширины и высоты.
- border-box — внутренние отступы и границы элемента находятся в пределах указанной ширины и высоты. Ширина и высота непосредственно контента определяется вычитанием из указанного в свойстве значения значения границ и внутренних отступов элемента.
- padding-box — внутренние отступы элемента находятся в пределах указанной ширины и высоты, а границы за их пределами.
| Значение по умолчанию | content-box |
|---|---|
| Применимо | ко всем элементам |
| Наследование | нет |
| Поддерживается браузерами |
|
Пример
CSS
.block {
width:60px;
height:80px;
padding:5px;
border:2px solid #000;
-moz-box-sizing: content-box;
}
Заметки
В спецификации CSS3 есть аналогичное свойство box-sizing, которое не предусматривает значения padding-box.
По теме
- Вендорные префиксы. Что это?
- Box-sizing: переключаем блочную модель
- Блочная модель в IE6
- Box model — блочная модель
- Схлопывание margin
- CSS свойство -webkit-box-sizing
Показать комментарии