خصائص نزول صورة الحدود CSS

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

يحدد خاصية border-image-outset كمية الصورة الحدودية التي تتجاوز صندوق الحدود.

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

دليل CSS3:حواف CSS3

مثال

ضبط خاصية border-image-outset:

div
{
border-image-source: url(border.png);
border-image-outset: 30 30;
}

صيغة CSS

border-image-outset: length|number;

ملاحظة:يحدد خاصية border-image-outset كمية الصورة الحدودية التي تتجاوز صندوق الحدود. في الأعلى، اليمنى، السفلى، واليسار. إذا تم تجاهل الرقم الرابع، فإنه سيكون نفسه كالرقم الثاني. إذا تم تجاهل الرقم الثالث، فإنه سيكون نفسه كالرقم الأول. إذا تم تجاهل الرقم الثاني، فإنه سيكون نفسه كالرقم الأول. لا يسمح بأي قيمة سلبية كقيمة لـ border-image-outset.

قيمة الخاصية

القيمة الوصف
length
number يعكس مضاعف لعرض الحدود.

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

القيمة الافتراضية: 0
التنقلية: لا
الإصدار: CSS3
جافا سكريبت صيغة: object.style.borderImageOutset="30 30"

دعم المتصفح

الرقم في الجدول يوضح الإصدار الأولي من المتصفح الذي يدعم هذه الخاصية بشكل كامل.

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

يرجى الرجوع إلى border-image خصائص.