CSSPositionValue
Deprecated
Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.
Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.
Die CSSPositionValue-Schnittstelle der CSS Typed Object Model API repräsentiert Werte für Eigenschaften, die eine Position erfordern, zum Beispiel object-position.
Konstruktor
CSSPositionValue()-
Erstellt ein neues
CSSPositionValue-Objekt.
Instanzeigenschaften
CSSPositionValue.x-
Gibt die Position des Elements entlang der horizontalen Achse der Webseite zurück.
CSSPositionValue.y-
Gibt die Position des Elements entlang der vertikalen Achse zurück.
Instanzmethoden
Keine.
Beispiele
Das folgende Beispiel positioniert einen Container <div> 5 Pixel von oben und 10 Pixel von links der Seite.
const replacedEl = document.getElementById("image");
const position = new CSSPositionValue(CSS.px(35), CSS.px(40));
replacedEl.attributeStyleMap.set("object-position", position);
console.log(position.x.value, position.y.value);
console.log(replacedEl.computedStyleMap().get("object-position"));
Wir setzen die object-position-Eigenschaft und überprüfen dann die zurückgegebenen Werte.