خصائص backgroundSize

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

backgroundSize تعيين أو استرجاع حجم الصورة الخلفية.

انظر أيضًا:

تصميم HTMLخصائص background

دليل CSSتسجيل الخلفية CSS

دليل CSS3خلفيات CSS3

دليل CSSخصائص background-size

مثال

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

document.getElementById("myDIV").style.backgroundSize = "60px 120px";

تجربة شخصية

النحو

استرجاع خصائص backgroundSize:

object.style.backgroundSize

تعيين خصائص backgroundSize:

object.style.backgroundSize = "auto|length|cover|contain|initial|inherit"

قيمة الخصائص

القيمة وصف
auto القيمة الافتراضية. تتضمن الصورة الخلفية عرضها وارتفاعها.
length

ضبط عرض الصورة الخلفية وارتفاعها.

القيمة الأولى تعيين العرض، والثانية تعيين الارتفاع.

إذا تم تقديم قيمة واحدة فقط، يتم تعيين الثانية إلى "auto".
percentage

تستخدم نسبة المئة لضبط عرض الصورة الخلفية وارتفاعها.

القيمة الأولى تعيين العرض، والثانية تعيين الارتفاع.

إذا تم تقديم قيمة واحدة فقط، يتم تعيين الثانية إلى "auto".
cover

تضخم الصورة الخلفية إلى أقصى حد ممكن، مما يغطي منطقة الخلفية بالكامل.

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

تفاصيل تقنية

القيمة الافتراضية: auto
القيمة المقدمة: السلسلة، تعبر عن خصائص background-size.
إصدار CSS: CSS3

دعم المتصفحات

backgroundSize هو خاصية CSS3 (1999).

جميع المتصفحات يدعمونه بشكل كامل:

كروم إدج فايرفوكس سفاري أوبرا IE
كروم إدج فايرفوكس سفاري أوبرا IE
دعم دعم دعم دعم دعم 11