Style objectPosition- Eigenschaft
Beispiel
Passen Sie die Größe eines Bildes an seine Inhaltsbox an und positionieren Sie das Bild 5 Pixel von links und 10 % von oben innerhalb der Inhaltsbox:
document.getElementById("myImg").style.objectPosition = "0 10%";
Definition und Verwendung
Die Eigenschaft objectPosition wird verwendet, um anzugeben, wie ein <img> oder <video> in seiner eigenen Inhaltsbox positioniert werden soll.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
objectPosition | 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
Syntax
Geben Sie die Eigenschaft objectPosition zurück:
object.style.objectPosition
Legen Sie die Eigenschaft objectPosition fest:
object.style.objectPosition = "position|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
position | Specifies the position of the image or video inside its content box. First value controls the x-asis and the second value controls the y-axis. Can be a string (left, center or right), or a number (in px or %). Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | 50 % 50 % |
---|---|
Rückgabewert: | Ein String oder eine Zahl, die die Position eines Elements in seinem Inhaltsfeld darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Tutorial: CSS-Objektanpassung
CSS -Referenz: Objektpositionseigenschaft
❮ Style-Objekt