ResizeObserverSize: inlineSize 属性

inlineSize 是 ResizeObserverSize 接口的只读属性，返回观察到的元素边框框在内联维度上的长度。对于具有水平 writing-mode 的框，这是水平维度，或宽度；如果书写模式是垂直的，则这是垂直维度，或高度。

注意：有关书写模式以及块和内联维度的更多说明，请阅读 处理不同的文本方向。

值

以像素为单位表示内联大小的十进制数。

示例

在此示例中，我们使用 ResizeObserverEntry.contentBoxSize 返回大小信息数组。inlineSize 属性返回观察到的元素的内联维度大小。

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

resizeObserver.observe(divElem);

规范

规范
Resize Observer
# dom-resizeobserversize-inlinesize

浏览器兼容性

BCD 表格仅在启用了 JavaScript 的浏览器中加载。