CSS object-positionEigenschaft
Beispiel
Setzen Sie die Bildgröße entsprechend der Containergröße zurück und legen Sie die Position des Bildes fest:
img.a {
width: 200px;
height: 400px;
object-fit: none;
object-position: 5px 10%;
border: 5px solid red;
}
Selbst ausprobieren »
Tag-Definition und Verwendungshinweise
Die object-position-Eigenschaft wird im Allgemeinen mitobject-fitzusammen verwendet, um die Position eines Elements festzulegen.
object-position wird im Allgemeinen für img- und video-Tags verwendet.
| Standardwert: | 50% 50% |
|---|---|
| Vererbt: | Ja. |
| animation: | Ja.ÜberCSS-Animationen Selbst ausprobieren » |
| Version: | CSS3 |
| JavaScript-Syntax: | object.style.objectPosition="0 10%" Selbst ausprobieren » |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browsersionsnummer an, die die Eigenschaft unterstützt.
| Eigenschaft | |||||
|---|---|---|---|---|---|
| object-position | 31.0 | 16.0 | 36.0 | 7.1 | 19.0 |
Syntax
object-position: position|initial|inherit;
Eigenschaftswert
| Wert | Beschreibung | |
|---|---|---|
| position | Gibt die Position des Bildes oder Videos im Container an. Der erste Wert ist die x-Koordinate und der zweite Wert die y-Koordinate. Die Darstellungsarten sind:object-position: 50% 50%; object-position: right top; object-position: left bottom; object-position: 250px 125px; |
|
| initial | Als Standardwert festgelegt,Überinitial | |
| inherit | Erbt die Eigenschaft vom übergeordneten Element dieses Elements.Überinherit |