ميزة background-repeat CSS

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

background-repeat إعداد خاصية background-repeat ومدى تكرار صورة الخلفية.

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

شرح مفصل

يحدد خاصية background-repeat نمط التكرار للصورة.

يبدأ التكرار من الصورة الأصلية، الصورة الأصلية يتم تحديدها background-image يحدد، ويعتمد background-position وضع القيمة.

انظر أيضًا:

دليل CSS التعليميخلفية CSS

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

دليل HTML DOMخاصية backgroundRepeat

مثال

الجسم
  {
  background-image: url(stars.gif);
  background-repeat: repeat-y;
  }

جرب بنفسك

النصائح والتعليقات

نصيحة:يتم تحديد موقع صورة الخلفية بناءً على خاصية background-position. إذا لم يُحدد خاصية background-position، سيتم وضع الصورة في الزاوية العلوية اليسرى للعنصر.

نحوية CSS

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;

قيمة الخاصية

قيمة الخاصية

القيمة الوصف
repeat الافتراض. سيتم تكرار صورة الخلفية أفقياً وعمودياً.
repeat-x سيتم تكرار صورة الخلفية أفقياً.
repeat-y سيتم تكرار صورة الخلفية عمودياً.
no-repeat سيتم عرض صورة الخلفية مرة واحدة فقط.
inherit يحدد ذلك أن يتم تمرير إعداد خاصية background-repeat من العنصر الأم.

تفاصيل التقنية

القيمة الافتراضية: repeat
الوراثة: لا
الإصدار: CSS1
جافا سكريبت نحوية: عنصر.style.backgroundRepeat="repeat-y"

مزيد من الأمثلة

كيفية تكرار صورة الخلفية عمودياً
هذا المثال يوضح كيفية تكرار صورة الخلفية عمودياً.
كيفية تكرار صورة الخلفية أفقياً
هذا المثال يوضح كيفية تكرار صورة الخلفية أفقياً.
كيفية عرض صورة الخلفية مرة واحدة فقط
هذا المثال يوضح كيفية عرض صورة الخلفية مرة واحدة فقط.

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

كروم إدج فايرفوكس سفاري أوبرا
كروم IE / إدج فايرفوكس سفاري أوبرا
1.0 4.0 1.0 1.0 3.5