ResizeObserverSize: blockSize 属性

blockSize 是 ResizeObserverSize 接口的只读属性，它返回观察到的元素在块维度上的边框框的大小。对于具有水平 writing-mode 的框，这是垂直维度或高度；如果 writing-mode 为垂直，则这是水平维度或宽度。

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

值

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

示例

在此示例中，我们使用 ResizeObserverEntry.contentBoxSize 返回一个包含大小信息数组。blockSize 属性返回观察到的元素的块维度大小。

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

resizeObserver.observe(divElem);

规范

规范
Resize Observer
# dom-resizeobserversize-blocksize

浏览器兼容性

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