✔️ object-fit CSS Style Property

המאפיין object-fit משמש להתאמת תמונות וסרטונים לאלמנט המכיל אותם מחייב שימוש במאפיין object-position

דוגמא: שנה התאמה לאלמנט

Demo Panel:

CSS:

HTML:

Syntax:

object-fit: fill | contain | cover | scale-down | none | initial | inherit;

Valid values:

fill, none, contain, cover, scale-down

Js Syntax: element.style.objectFit

תאימות דפדפנים

object-fit
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
cover	✔️	✔️	✔️	✔️
fill	✔️	✔️	✔️	✔️
none	✔️	✔️	✔️	✔️
contain	✔️	✔️	✔️	✔️
scale-down	✔️	✔️	✔️	✔️
revert	✔️	✔️	✔️	✔️
revert-layer	✔️	✔️	✔️	✔️
unset	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️