CSS
Objektanpassung und Platzierung
Suche…
Bemerkungen
Die Eigenschaften object-fit und object-position werden von Internet Explorer nicht unterstützt.
Objekt-fit
Die Objektanpassungseigenschaft definiert, wie ein Element in eine Box mit einer festgelegten Höhe und Breite passt. Object-fit wird normalerweise auf ein Bild oder Video angewendet und akzeptiert die folgenden fünf Werte:
FÜLLEN
object-fit:fill;
Mit „Füllen“ wird das Bild ohne Berücksichtigung des ursprünglichen Seitenverhältnisses des Bildes an das Inhaltsfeld angepasst.
ENTHALTEN
object-fit:contain;
"Inhalt" passt das Bild in die Höhe oder Breite des Felds ein, wobei das Seitenverhältnis des Bildes beibehalten wird.
ABDECKUNG
object-fit:cover;
Das Cover füllt die gesamte Box mit dem Bild. Das Bildseitenverhältnis wird beibehalten, aber das Bild wird auf die Abmessungen der Box zugeschnitten.
KEINER
object-fit:none;
Keiner ignoriert die Größe des Feldes und wird nicht in der Größe geändert.
HERUNTERSKALIEREN
object-fit:scale-down;
Skalieren Sie das Objekt entweder als " none oder als " contain . Es zeigt an, welche Option zu einer kleineren Bildgröße führt. 