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;

objekt-fit: fyllning;

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;

objekt-fit: innehålla;

Contain passar bilden i rutans höjd eller bredd samtidigt som bildens bildförhållande bibehålls.

OMSLAG

object-fit:cover;

objekt-fit: täcka;

Omslaget fyller hela rutan med bilden. Bildkvotförhållandet bevaras, men bilden beskärs till lådans mått.

INGEN

object-fit:none;

objekt-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. objekt-fit: skala-down;



Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow