Ricerca…


Osservazioni

Le proprietà object-fit e object-position non sono supportate da Internet Explorer.

oggetto-fit

La proprietà object-fit definirà il modo in cui un elemento si adatterà a una scatola con un'altezza e una larghezza stabilite. Generalmente applicato a un'immagine o a un video, Object-fit accetta i seguenti cinque valori:

RIEMPIRE

object-fit:fill;

object-fit: riempimento;

Riempimento allunga l'immagine per adattarla alla casella del contenuto, indipendentemente dalle proporzioni originali dell'immagine.

CONTENERE

object-fit:contain;

object-fit: contenere;

Contiene adatta l'immagine nell'altezza o larghezza della scatola mantenendo le proporzioni dell'immagine.

COPERTINA

object-fit:cover;

object-fit: coperchio;

La copertura riempie l'intera scatola con l'immagine. Le proporzioni dell'immagine vengono mantenute, ma l'immagine viene ritagliata alle dimensioni della casella.

NESSUNA

object-fit:none;

object-fit: none;

Nessuno ignora le dimensioni della casella e non viene ridimensionato.

RIMPICCIOLIRE

object-fit:scale-down;

Ridimensiona o ridimensiona l'oggetto come none o come contain . Mostra qualsiasi opzione si traduce in una dimensione dell'immagine più piccola. oggetto-fit: scala-down;



Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow