شرح صفوف ومحتوى الفقرة
عن طريق إسخدام القيمة contain مع خاصية background-size فسوف يقيس المتصفح الصورة بأكبر قدر ممكن داخل حاويتها بدون إقتصاص الصورة أو تمديدها. إذا كانت الحاوية أكبر من الصورة، فسيؤدي ذلك إلى تقسيم الصورة علي المساحة.
CSS background without contain size
تظهر الصورة بحجم محدد مختلف عن حجم قيمة contain لاحظ بدون قيمة contain.
CSS background contain size
عن طريق قيمة contain مع background-size سوف يتم ظهور الصورة بكشل مختلف عن الوضع الطبيعي
HTML
body
{
background-image:url("https://www.closetag.com/images/background.jpg");
background-size:contain;
}