aikiwaihin kafin tsakiwai cinna CSS border-image-source
- الصف السابق border-image-slice
- 下一页 border-image-width
التعريف والاستخدام
يحدد خاصية border-image-source الصورة التي يتم استخدامها، بدلاً من النمط الذي يتم تعيينه في خاصية border-style.
نصيحة:إذا كان القيمة "لا شيء"، أو إذا لم يتم عرض الصورة، يتم استخدام نمط الحافة.
يرجى الرجوع أيضًا إلى:
دليل CSS3:CSS3 边框
مثال
استخدام صورة كحافة حول عنصر div:
div { border-image-source: url(border.png); }
جملة CSS
border-image-source: none|صورة;
قيمة الخاصية
القيمة | الوصف |
---|---|
لا شيء | لا تستخدم صورة. |
صورة | المسار إلى الصورة المستخدمة كحافة. |
تفاصيل التقنية
القيمة الافتراضية: | لا شيء |
---|---|
التنسيق: | لا |
الإصدار: | CSS3 |
جافا سكربت الجملة: | object.style.borderImageSource="url(border.png)" |
دعم المتصفح
الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
يرجى الرجوع border-image خواص.
- الصف السابق border-image-slice
- 下一页 border-image-width