شرح صفوف ومحتوى الفقرة
عندما يكون قص أي جزء من الصورة غير مقبول إطلاقاً — كما في شعارات الشركات والرسوم الهندسية والشهادات وصور المنتجات الكاملة في المتاجر — نستخدم القيمة object-fit: contain;؛ إذ يحجّم المتصفح الوسيط بالتناسب حتى يلامس بُعده الأكبر حافة الصندوق الداخلية مع إبقاء كامل تفاصيل الصورة ظاهرة دون اقتطاع.
ولأن نسبة الصورة قد تختلف عن نسبة الصندوق، تظهر مساحات فارغة أعلى الصورة وأسفلها أو على جانبيها؛ وهنا يمنح تنسيق العنصر بخلفية هادئة عبر background-color مع حشوة padding إطاراً أنيقاً ومتوازناً.