ResizeObserverSize: inlineSize-Eigenschaft

Die inlineSize-Schreibgeschützte Eigenschaft des ResizeObserverSize-Interfaces gibt die Länge der Border-Box des beobachteten Elements in der Inline-Dimension zurück. Für Boxen mit einem horizontalen writing-mode ist dies die horizontale Dimension oder Breite; wenn der Schreibmodus vertikal ist, handelt es sich um die vertikale Dimension oder Höhe.

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

Wert

Eine Dezimalzahl, die die Inline-Größe in Pixeln darstellt.

Beispiele

In diesem Beispiel geben wir ein Array mit Größeninformationen unter Verwendung von ResizeObserverEntry.contentBoxSize zurück. Die inlineSize-Eigenschaft gibt die Inline-Dimensionsgröße des beobachteten Elements zurück.

js
const resizeObserver = new ResizeObserver((entries) => {
  for (const entry of entries) {
    const elemSize = entry.contentBoxSize[0];
    console.log(elemSize.inlineSize); // a decimal
  }
});

resizeObserver.observe(divElem);

Spezifikationen

Specification
Resize Observer
# dom-resizeobserversize-inlinesize

Browser-Kompatibilität

BCD tables only load in the browser