CSS
Objektets passning och placering
Sök…
Anmärkningar
Egenskaperna object-fit och object-position stöds inte av Internet Explorer.
objekt-fit
Objektpassningsegenskapen definierar hur ett element passar in i en låda med fastställd höjd och bredd. Vanligtvis tillämpas på en bild eller video accepterar Object-fit följande fem värden:
FYLLA
object-fit:fill;
Fyll sträcker ut bilden så att den passar innehållsrutan utan hänsyn till bildens ursprungliga bildförhållande.
INNEHÅLLA
object-fit:contain;
Contain passar bilden i rutans höjd eller bredd samtidigt som bildens bildförhållande bibehålls.
OMSLAG
object-fit:cover;
Omslaget fyller hela rutan med bilden. Bildkvotförhållandet bevaras, men bilden beskärs till lådans mått.
INGEN
object-fit:none;
Ingen ignorerar storleken på lådan och ändrar inte storleken.
SKALA NER
object-fit:scale-down;
Skala ned antingen storlekar objektet som none eller som contain . Det visar vilket alternativ som resulterar i en mindre bildstorlek. 