Style borderImage تكرار الخاصية
مثال
حدد كيفية تكرار حدود الصورة:
document.getElementById("myDIV").style.borderImageRepeat = "round";
التعريف والاستخدام
تحدد الخاصية borderImageRepeat أو ترجع ما إذا كان يجب تكرار حدود الصورة أو تقريبها أو تمديدها.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
borderImageRepeat | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
انظر إلى خاصية borderImage بدلاً من ذلك!
بناء الجملة
قم بإرجاع خاصية borderImageRepeat:
object.style.borderImageRepeat
قم بتعيين خاصية borderImageRepeat:
object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"
قيم الملكية
Value | Description |
---|---|
stretch | Default value. The image is stretched to fill the area |
repeat | The image is tiled (repeated) to fill the area |
round | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so it fits |
space | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | تمتد |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل خاصية تكرار الحدود للصورة لعنصر |
إصدار CSS | CSS3 |
الصفحات ذات الصلة
مرجع CSS: خاصية تكرار صورة الحدود