شرح صفوف ومحتوى الفقرة
إلى جانب القيمتين cover و contain، توفر خاصية object-fit ثلاث قيم إضافية تعالج حالات تحجيم دقيقة:
- القيمة
fill— هي الوضع الافتراضي الأولي في المتصفح، وتمط الوسيط أفقياً وعمودياً لملء الصندوق متجاهلة نسبة أبعاده الأصلية. - القيمة
none— تعرض الصورة بأبعادها الحقيقية بالبكسل دون أي تكبير أو تصغير، مع قص الأجزاء الزائدة إن كان الصندوق أصغر منها. - القيمة
scale-down— تقارن تلقائياً بين نتيجتيnoneوcontainوتطبق الأصغر حجماً بينهما؛ ما يمنع تكبير الأيقونات الصغيرة وتشوشها داخل الصناديق الكبيرة مع تصغير الصور الضخمة بأمان.