خصائص Style borderImageRepeat
- الصفحة السابقة
- الصفحة التالية
- العودة إلى الطبقة العليا مثل HTML DOM Style
التعريف والاستخدام
borderImageRepeat يحدد ما إذا كان يجب تكرار الصورة حول الحدود (مكرر) أو تعبئةها (مجردلة) أو وسعها (موسع).
انظر أيضًا:
دليل CSSخصائص border-image-repeat
مثال
يحدد كيفية تكرار الصورة حول الحدود
document.getElementById("myDIV").style.borderImageRepeat = "round";
القواعد
إرجاع خصائص borderImageRepeat:
object.style.borderImageRepeat
تعيين خصائص borderImageRepeat:
object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"
قيمة الخصائص
| القيمة | الوصف |
|---|---|
| stretch | القيمة الافتراضية. سيتم وسع الصورة لتعبئة المنطقة. |
| repeat | سيتم تكرار الصورة لتعبئة المنطقة. |
| round |
سيتم تكرار الصورة لتعبئة المنطقة. إذا لم يتم ملء المنطقة بالكامل باستخدام عدد كامل من الفسحات، فإن الصورة ستتم تقييمها لجعلها تناسب. |
| space |
سيتم تكرار الصورة لتعبئة المنطقة. إذا لم يتم ملء المنطقة بالكامل باستخدام عدد كامل من الفسحات، فإن المساحة الإضافية ستوزع حول الفسحات. |
| initial | ضبط هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى initial. |
| inherit | تنقل هذا الخصائص من عنصر الوالدين. يرجى الرجوع إلى inherit. |
تفاصيل التقنية
| القيمة الافتراضية: | stretch |
|---|---|
| القيمة الم返回ة: | قيمة نصية، تعبر عن خصائص border-image-repeat. |
| إصدار CSS： | CSS3 |
المتصفح يدعم
رقم في الجدول هو إصدار المتصفح الذي يدعم هذه الخاصية بشكل كامل.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| دعم | 11.0 | دعم | 6.0 | 15.0 |
الرجاء الرجوع إلى خصائص borderImage.
- الصفحة السابقة
- الصفحة التالية
- العودة إلى الطبقة العليا مثل HTML DOM Style
