ResizeObserverSize: thuộc tính blockSize
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Thuộc tính chỉ đọc blockSize của giao diện ResizeObserverSize trả về chiều dài của hộp viền của phần tử được quan sát theo chiều khối. Đối với các hộp có writing-mode nằm ngang, đây là chiều dọc, hay chiều cao; nếu chế độ viết là dọc, đây là chiều ngang, hay chiều rộng.
Note: Để biết thêm giải thích về chế độ viết và các chiều khối và nội tuyến, hãy đọc Xử lý các hướng văn bản khác nhau.
Giá trị
Một số thập phân đại diện cho kích thước khối theo pixel.
Ví dụ
Trong ví dụ này, chúng ta trả về một mảng thông tin kích thước với ResizeObserverEntry.contentBoxSize. Thuộc tính blockSize trả về kích thước chiều khối của phần tử được quan sát.
const resizeObserver = new ResizeObserver((entries) => {
for (const entry of entries) {
const elemSize = entry.contentBoxSize[0];
console.log(elemSize.blockSize); // một số thập phân
}
});
resizeObserver.observe(divElem);
Thông số kỹ thuật
| Specification |
|---|
| Resize Observer # dom-resizeobserversize-blocksize |