getComputedStyle

window.getComputedStyle(elem)

Эта функция вернет все CSS свойства элемента с учетом применения каскадности.

А это:

очень много данных, но нет ряда необходимых:

нет размеров блока (необходимо суммировать)

нет размеров,относительно всего документа (абсолютное положение)

нет размеров, выходящих за scroll элемента

нет размеров, до границ viewport элемента (относительное положение)

Пример получения всех размеров элмента:

function getBoxModelSizes (elem) {
  const obj = window.getComputedStyle(elem);
  return {
    width: obj.width,
    height: obj.height,
    marginTop: obj.marginTop,
    marginRight: obj.marginRight,
    marginButtom: obj.marginButtom,
    marginLeft: obj.marginLeft,
    paddingTop: obj.paddingTop,
    paddingRight: obj.paddingRight,
    paddingButtom: obj.paddingButtom,
    paddingLeft: obj.paddingLeft,
    borderTopWidth: obj.borderTopWidth,
    borderRightWidth: obj.borderRightWidth,
    borderButtomWidth: obj.borderButtomWidth,
    borderLeftWidth: obj.borderLeftWidth
  }
};