خصوصية Style borderImage

التعريف والاستخدام

borderImage الخصوصية هي خصوصية مختصرة لتحديد ما يلي:

القيمة المفقودة يتم تعيينها إلى القيمة الافتراضية.

يرجى الرجوع أيضًا إلى:

دليل CSS:خصوصية border-image

مثال

تحديد الصورة كحدود لعدد <div>:

document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";

جرب بنفسك

النحو

استرداد خصوصية borderImage:

عنصر.style.borderImage

إعداد خصوصية borderImage:

عنصر.style.borderImage = "المصدر قطع عرض الخارج تكرار|القيمة الافتراضية|التوريث"

قيمة الخصوصية

القيمة الوصف
borderImageSource المسار الذي يجب استخدامه كصورة الحدود.
borderImageSlice تحريك صورة الحدود للداخل.
borderImageWidth عرض صورة الحدود.
borderImageOutset كمية الصورة الحدودية التي تتجاوز صندوق الحدود (border box).
borderImageRepeat هل يجب أن يتم تكرار (مكرر) أو تمدد (مستدير) أو تمديد (تمديد) صورة الحدود؟
القيمة الافتراضية يُضبط هذا الخصوصية إلى قيمته الافتراضية. يرجى الرجوع إلى القيمة الافتراضية.
التوريث يرث هذا الخصوصية من عنصر الأب. يرجى الرجوع إلى التوريث.

تفاصيل التقنية

القيمة الافتراضية: لا شيء 100% 1 0 تمديد
القيمة المعدة: قيمة 字موسية، تمثل خصوصية border-image.
إصدار CSS: CSS3

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم هذه الخاصية تمامًا.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 11.0 15.0 6.0 15.0