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.
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