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