CSS
Adattamento e posizionamento dell'oggetto
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;
Riempimento allunga l'immagine per adattarla alla casella del contenuto, indipendentemente dalle proporzioni originali dell'immagine.
CONTENERE
object-fit:contain;
Contiene adatta l'immagine nell'altezza o larghezza della scatola mantenendo le proporzioni dell'immagine.
COPERTINA
object-fit:cover;
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;
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. 