ResizeObserverSize: свойство blockSize
Базовая линия Широко доступно
Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2020 года.
Чтение только свойство blockSize интерфейса ResizeObserverSize возвращает длину области границы наблюдаемого элемента в блочном измерении. Для блоков с горизонтальным writing-mode, это вертикальное измерение или высота; если режим написания вертикальный, это горизонтальное измерение или ширина.
Примечание: Для получения более подробной информации о режимах написания и блочных и строчных измерениях, ознакомьтесь с Обработка различных направлений текста.
Значение
Десятичное число, представляющее размер блока в пикселях.
Примеры
В этом примере мы возвращаем массив с информацией о размерах с помощью ResizeObserverEntry.contentBoxSize. Свойство blockSize возвращает размер блочного измерения наблюдаемого элемента.
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 |
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
blockSize |
84 | 84 | 69 | 70 | 15.4 | 84 | 79 | 60 | 15.4 | 14.0 | 84 |
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverSize/blockSize