-webkit-box-sizing

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

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

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

Пример

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

Заметки

В спецификации CSS3 есть аналогичное свойство box-sizing.

По теме