انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #6 من درس: أحجام صور الخلفيات في لغة CSS

CSS background cover size عرض صورة الخلفية بقيمة cover في لغة CSS

ستتعلم في هذا الدرس كيفية ضبط أبعاد أو حجم صور الخلفيات بإستخدام خاصية  background-size وستتعلم جميع القيم التي تُعين لهذة الخاصية في لغة CSS.

1 صفوف تعليمية
لغة CSS
6,688 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

عن طريق إسخدام القيمة cover مع خاصية background-size فسوف يتم ملئ مساحة الحاوية container التي يتفرع منها خلفية الصورة يعني العنصر الأب parent element.

CSS background without cover size

تظهر الصورة بدون ملئ الشاشة بدون قيمة cover مع CSS background size.

HTML 
body
{
background-image:url("https://www.closetag.com/images/background.jpg");
}
جرّب بنفسك

CSS background cover size

تظهر الصورة بملئ الشاشة بإستخدام قيمة cover مع CSS background size.

HTML 
body
{
background-image:url("https://www.closetag.com/images/background.jpg");
background-size:cover;
}
جرّب بنفسك

جميع فقرات هذا الدرس (أحجام صور الخلفيات في لغة CSS)