Spec-Zone.ru › Web APIs

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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API