objectPosition-Eigenschaft des Stils

Definition und Verwendung

objectPosition Eigenschaft wird verwendet, um <img> oder <video> Wie soll es in seinem eigenen Inhaltselframe positioniert werden.

Siehe auch:

CSS-Tutorial:CSS object-fit

CSS-Referenzhandbuch:object-position-Eigenschaft

Beispiel

Passen Sie die Größe des Bildes an, um es in den Inhaltselframe zu passen, und positionieren Sie es 5px links und 10% oben im Inhaltselframe:

document.getElementById("myImg").style.objectPosition = "0 10%";

Versuchen Sie es selbst

Syntax

ObjectPosition-Eigenschaft zurückgeben:

object.style.objectPosition

ObjectPosition-Eigenschaft setzen:

object.style.objectPosition = "position|initial|inherit"

Eigenschaftswert

Wert Beschreibung
position

Legt die Position des Bildes oder Videos im Inhaltselframe fest.

Der erste Wert steuert die x-Achse, der zweite Wert die y-Achse.

Kann Zeichen (links, zentriert oder rechts) oder Zahl (in px oder %) sein.

Negativen Wert zulassen.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem Eltern-Element erben. Siehe inherit.

Technische Details

Standardwert: 50% 50%
Rückgabewert: Zeichen oder Zahl, die die Position des Elements im Inhaltselframe angibt.
CSS-Version: CSS3

Browser-Unterstützung

Tabellennummern angeben die erste Browser-Version, die diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
31.0 16.0 36.0 10.1 19.0