English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل مرجعي لـ CSS

قواعد CSS @

دليل الخاصيات الكاملة لـ CSS

طريقة استخدام خاصية background-repeat بـ CSS ومثال

يحدد الخاصية background-repeat الخاص بـ CSSbackground-imageالصورة الخلفية بعد تعديل الحجم والوضع، ما إذا كانت تكرار أو رشب، وكيفية القيام بالرشب. باستخدام اختصارالخلفيةعادةً الميزة أكثر مرونة.

الجدول أدناه يلخص سياق الاستخدام وتاريخ الإصدارات لهذه الميزة.

القيمة الافتراضية:repeat
يُستخدم ل:جميع العناصر
Inheritance:لا
Animatable:لا.يرجى الرجوع إلى Animation Properties
الإصدار:CSS 1،2،3
JavaScript Syntax:    object    object.style.backgroundRepeat="repeat-x"

لغة استخدام تكرار الخلفية

لغة هذا الميزة هي:

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

يظهر المثال أدناه كيفية استخدام ميزة background-repeat.

body {background-image: url("images/gradient.png");background-repeat: repeat-x;}
جرب‹/›

قيمة الميزة

يصف الجدول أدناه قيم هذه الميزة.

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

متوافق مع المتصفحات

متوافق مع متصفحات الـbackground-repeat الميزة، جميع المتصفحات الرئيسية تدعم هذه الميزة.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Safari 1+

  • Opera 3.5+

قراءة متقدمة

يرجى الرجوع إلى الدروس التالية:CSS background،CSS3 background

الميزات ذات الصلة:background،background-attachment،background-color،background-clip،background-image،background-origin،background-position،background-size