.boxModelAdjust()

Размеры

Рассчитать блоковую модель (боксовая модель, box model) элемента по вертикали или по горизонтали.

boxModelAdjust(element, prop [, sizing])

Метод .boxModelAdjust() определяет размер только заданной блочной модели элемента и возвращает результат. На занимаемое по высоте место не влияет значение свойства line-height.

Параметр	Тип	Описание
`element`	Node	Элемент HTML.
`prop`	String	Либо `width`, либо `height`.
`sizing`	String	Значение CSS свойства `box-sizing`; по умолчанию `border-box`.

Использование

Если имеются граница (border) или внутренний отступ (padding), то их размеры могут вычитаться, итоговый результат определится в зависимости от CSS свойства box-sizing.

<div id="example1" class="uk-card uk-card-default uk-card-body"></div>

<div id="example2" class="uk-card uk-card-default uk-card-body">Box Model</div>

<div id="example3" class="uk-card uk-card-default uk-card-body">
	<div class="uk-card uk-card-default uk-card-body">Box Model</div>
</div>

const myBoxElement1 = util.$('#example1'),
      myBoxElement2 = util.$('#example2'),
      myBoxElement3 = util.$('#example3');

// Рассчитаем вертикальный размер (высоту)
const myBoxModel_1 = util.boxModelAdjust(myBoxElement1, 'height'),
      myBoxModel_2 = util.boxModelAdjust(myBoxElement2, 'height'),
      myBoxModel_3 = util.boxModelAdjust(myBoxElement3, 'height');

console.log(myBoxModel_1)
console.log(myBoxModel_2)
console.log(myBoxModel_3)

Результат

80
80
80