Главная/ Cправочник HTML, CSS, Javascript/ CSS расширения/ CSS расширения для Mozilla/ Properties/ Свойство -moz-box-sizing | назначение, допустимые значения, примеры

Свойство -moz-box-sizing

Последнее обновление: 14.02.2011

Свойство -moz-box-sizing — определяет, будет ли размер элемента включать только контент (по умолчанию) или контент, внутренние отступы и границы.

Допустимые значения

  • content-box — поведение ширины и высоты как в спецификации CSS 2.1. Внутренние отступы и границы элемента находятся за пределами указанной ширины и высоты.
  • border-box — внутренние отступы и границы элемента находятся в пределах указанной ширины и высоты. Ширина и высота непосредственно контента определяется вычитанием из указанного в свойстве значения значения границ и внутренних отступов элемента.
  • padding-box — внутренние отступы элемента находятся в пределах указанной ширины и высоты, а границы за их пределами.
Значение по умолчанию content-box
Применимо ко всем элементам
Наследование нет
Поддерживается браузерами
  • Firefox 1.0 и выше

Пример

CSS

.block {
width:60px;
height:80px;
padding:5px;
border:2px solid #000;
-moz-box-sizing: content-box;
}


Заметки

В спецификации CSS3 есть аналогичное свойство box-sizing, которое не предусматривает значения padding-box.

По теме

Показать комментарии