ResizeObserverSize: blockSize-Eigenschaft

Die schreibgeschützte Eigenschaft blockSize des ResizeObserverSize-Interfaces gibt die Länge des Rahmenkastens des beobachteten Elements in der Blockdimension zurück. Bei Boxen mit einem horizontalen writing-mode ist dies die vertikale Dimension oder Höhe; wenn der writing-mode vertikal ist, handelt es sich um die horizontale Dimension oder Breite.

Hinweis: Für eine ausführlichere Erklärung der Schreibmodi und der Block- und Inline-Dimensionen lesen Sie Umgang mit unterschiedlichen Textrichtungen.

Wert

Ein Dezimalwert, der die Blockgröße in Pixeln darstellt.

Beispiele

In diesem Beispiel geben wir ein Array von Größeninformationen mit ResizeObserverEntry.contentBoxSize zurück. Die blockSize-Eigenschaft gibt die Blockdimension des beobachteten Elements zurück.

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);

Spezifikationen

Specification
Resize Observer
# dom-resizeobserversize-blocksize

Browser-Kompatibilität

BCD tables only load in the browser