ResizeObserverSize: свойство inlineSize

Чтение-только свойство inlineSize интерфейса ResizeObserverSize возвращает длину border-box наблюдаемого элемента по размеру в строке. Для блоков с горизонтальным writing-mode это горизонтальная размерность, или ширина; если режим написания вертикальный, это вертикальная размерность, или высота.

Десятичное число, представляющее размер в строке в пикселях.

В этом примере мы возвращаем массив с информацией о размере с помощью ResizeObserverEntry.contentBoxSize. Свойство inlineSize возвращает размер наблюдаемого элемента по размеру в строке.

const resizeObserver = new ResizeObserver((entries) => {
  for (const entry of entries) {
    const elemSize = entry.contentBoxSize[0];
    console.log(elemSize.inlineSize); // a decimal
  }
});

resizeObserver.observe(divElem);