CSS3 background-size Property

مثال

تحديد حجم صورة خلفية:

div {
    background: url(img_flwr.gif);
    background-size: 80px 60px;
    background-repeat: no-repeat;
}

أكثر "Try it Yourself" الأمثلة أدناه.

تعريف واستخدام

تحدد الخاصية حجم خلفية حجم الصور الخلفية.

القيمة الافتراضية:	auto
وارث:	no
Animatable:	yes. Read about animatable Try it
الإصدار:	CSS3
جافا سكريبت بناء الجملة:	object .style.backgroundSize="60px 120px" Try it

دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.

أرقام تليها -webkit-، -moz-، أو -o- تحدد النسخة الأولى التي عملت مع بادئة.

خاصية
background-size	4.0 1.0 -webkit-	تسعة	4.0 3.6 -moz-	4.1 3.0 -webkit-	10.5 10.0 -o-

CSS بناء الجملة

قيم الملكية

القيمة	وصف	العبها
auto	القيمة الافتراضية. تحتوي على خلفية صورة العرض والارتفاع	العبها "
length	يحدد العرض والارتفاع للصورة الخلفية. القيمة الأولى يحدد العرض، والقيمة الثانية تحدد الارتفاع. في حال عدم إعطاء قيمة واحدة فقط، يتم تعيين الثانية إلى "auto"	العبها "
percentage	يحدد العرض والارتفاع للصورة الخلفية في المئة من العنصر الأصلي. القيمة الأولى يحدد العرض، والقيمة الثانية تحدد الارتفاع. في حال عدم إعطاء قيمة واحدة فقط، يتم تعيين الثانية إلى "auto"	العبها "
cover	حجم الصورة الخلفية لتكون كبيرة بقدر الإمكان بحيث يتم تغطيتها بالكامل من المنطقة الخلفية من صورة الخلفية. بعض أجزاء من الصورة الخلفية قد لا يكون في نظر داخل منطقة المواقع الخلفية	العبها "
contain	حجم الصورة لحجم أكبر مثل أن كلا من عرضه وارتفاعه يمكن أن يصلح داخل منطقة المحتوى	العبها "
initial	تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي	العبها "
inherit	يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة