مثال
تعيين خلفية الصورة لعدم تكرار:
document.body.style.backgroundRepeat = "repeat-y"; انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
مجموعات الملكية backgroundRepeat أو عوائد كيفية تكرار (tile) خلفية الصورة.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| backgroundRepeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
بناء الجملة
إعادة الممتلكات 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 | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
تفاصيل تقنية
| القيمة الافتراضية: | كرر |
|---|---|
| قيمة الإرجاع: | سلسلة تمثل كيف يتم تكرار خلفية صورة |
| صفحة CSS | CSS1 |
مزيد من الأمثلة
مثال
تغيير الخاصية backgroundRepeat عنصر DIV محدد:
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x"; انها محاولة لنفسك » مثال
تعيين خلفية الصورة لتكرار أفقيا أو عموديا:
function repeatVer()
{
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
} انها محاولة لنفسك » مثال
إرجاع القيمة الخلفية تكرار وثيقة:
alert(document.body.style.backgroundRepeat); انها محاولة لنفسك » صفحات ذات صلة
CSS التعليمي: CSS الخلفية
CSS المرجع background-position property
CSS المرجع background-repeat property
HTML DOM إشارة: background property
<كائن نمط