Установка истинного (смещения) ширины / высоты элемента блока с помощью CSS?

Question

Настройка ширины / высоты в CSS соответствует только области содержимого. Есть ли способ установить ширину / высоту смещения (то есть размеры, включая отступы / поля / границы) элемента в CSS?

РЕДАКТИРОВАТЬ: Пример ->

У меня есть несколько div, помеченных css class "smallBox"

.smallBox{
width: 100px;
height: 100px;
}

Теперь я хочу установить отступы индивидуально для каждого поля, при этом общие внешние размеры остаются неизменными.

Answer 1

Строго говоря, вроде. Вы можете изменить блочную модель, используемую с предложенным CSS3-свойством размера блока, так, чтобы ширина определяла общую ширину объекта. Подробности можно найти здесь (http://www.quirksmode.org/css/box.html).

Однако совместимость браузера ненадежна (в статье упоминаются только IE8 + и Firefox), поэтому вам, вероятно, потребуется использовать какой-то JavaScript для достижения этой цели.