خصائص Style backgroundRepeat

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

backgroundRepeat كيفية ضبط أو استرداد كيفية تكرار (التمديد) الصورة الخلفية.

انظر أيضًا:

نمط HTMLخاصية background

تدريب CSSخلفيات CSS

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

دليل CSSخاصية background-repeat

مثال

مثال 1

ضبط الصورة الخلفية لتكون غير متكررة (no-repeat):

document.body.style.backgroundRepeat = "repeat-y";

جرب بنفسك

مثال 2

تغيير خاصية backgroundRepeat للDIV المحدد:

document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";

جرب بنفسك

مثال 3

ضبط تكرار الصورة الخلفية أفقياً أو عمودياً:

function repeatVer() {
  document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
  document.body.style.backgroundRepeat = "repeat-x";
}

جرب بنفسك

مثال 4

استرداد قيمة background-repeat للوثيقة:

alert(document.body.style.backgroundRepeat);

جرب بنفسك

النحو

استرداد خاصية backgroundRepeat:

object.style.backgroundRepeat

تعيين خاصية backgroundRepeat:

object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"

قيمة الخاصية

القيمة الوصف
repeat تكرار الصورة الخلفية عمودياً وأفقياً. افتراضي.
repeat-x تكرار الصورة الخلفية فقط عمودياً.
repeat-y تكرار الصورة الخلفية فقط أفقياً.
no-repeat لا تتكرر الصورة الخلفية.
initial اجعل هذه الخاصية تعود إلى قيمتها الافتراضية. انظر initial.
inherit تنقل هذه الخاصية من عنصر الأب إليها. انظر inherit.

تفاصيل تقنية

القيمة الافتراضية: repeat
القيمة الم返回ة: سلسلة من الأحرف، تشير إلى كيفية تكرار الصورة الخلفية.
إصدار CSS: CSS1

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

backgroundRepeat هي خاصية CSS1 (1996).

كل المتصفحات تدعمها بشكل كامل:

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