نمط خاصية borderImageSource
مثال
استخدم صورة كحدود حول عنصر div:
document.getElementById("myDIV").style.borderImageSource = "url(border.png)";
التعريف والاستخدام
تقوم خاصية borderImageSource بتعيين أو إرجاع الصورة المراد استخدامها ، بدلاً من أنماط الحدود التي توفرها خصائص نمط الحدود.
نصيحة: إذا كانت القيمة "لا شيء" ، أو إذا تعذر عرض الصورة ، فسيتم استخدام أنماط الحدود.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
borderImageSource | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
انظر إلى خاصية borderImage بدلاً من ذلك!
بناء الجملة
قم بإرجاع خاصية borderImageSource:
object.style.borderImageSource
قم بتعيين خاصية borderImageSource:
object.style.borderImageSource = "none|image|initial|inherit"
قيم الملكية
Value | Description |
---|---|
none | No image will be used |
image | The path to the image to be used as a border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | لا أحد |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل الخاصية border-image-source لعنصر |
إصدار CSS | CSS3 |
الصفحات ذات الصلة
مرجع CSS: خاصية مصدر صورة الحدود