CSS
اندازه و فاصله
پیشفرض:
fill
ارثبری نمیشود
object-fit
نحوه جایگیری محتوای img/video داخل جعبهاش را تعیین میکند؛ cover تصویر را پر میکند و برش متعادل میدهد، contain کل تصویر را نشان میدهد.
سینتکس
object-fit: fill | contain | cover | none | scale-down;مثال کاربردی
.avatar {
width: 48px;
height: 48px;
object-fit: cover;
border-radius: 999px;
}مقادیر رایج
cover
پرکردن با برش
contain
نمایش کامل
fill
کشش بدون حفظ نسبت