Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

CSSPositionValue: CSSPositionValue() Konstruktor

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.

Der CSSPositionValue() Konstruktor erstellt ein neues CSSPositionValue-Objekt, das Werte für Eigenschaften darstellt, die eine Position einnehmen, zum Beispiel object-position.

Syntax

js
new CSSPositionValue(x, y)

Parameter

x

Eine Position entlang der horizontalen Achse der Webseite.

y

Eine Position entlang der vertikalen Achse der Webseite.

Beispiele

Grundlegende Verwendung

Das folgende Beispiel positioniert ein Container-<div> 5 Pixel von oben und 10 Pixel von links der Seite entfernt.

js
let someDiv = document.getElementById("container");
let position = new CSSPositionValue(CSS.px(5), CSS.px(10));

someDiv.attributeStyleMap.set("object-position", position);
console.log(position.x.value, position.y.value); // 5 10

Browser-Kompatibilität

Siehe auch