ResizeObserverSize: thuộc tính inlineSize
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 inlineSize 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 nội tuyến. Đối với các hộp có writing-mode nằm ngang, đây là chiều ngang, hay chiều rộng; nếu chế độ viết là dọc, đây là chiều dọc, hay chiều cao.
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 nội tuyến 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 inlineSize trả về kích thước chiều nội tuyến 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.inlineSize); // một số thập phân
}
});
resizeObserver.observe(divElem);
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Resize Observer # dom-resizeobserversize-inlinesize |