خصائص borderImageOutset للنمط
- الصفحة السابقة
- الصفحة التالية
- العودة إلى الطبقة السابقة موضوع HTML DOM Style
التعريف والاستخدام
borderImageOutset
يحدد كمية منطقة رسم الحاجز التي تتجاوز صندوق الحدود (border box).
انظر أيضًا:
كتيب CSSخصائص border-image-outset
مثال
وضع الحدود خارج هامش عنصر <div>:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
النحو
النتيجة المقدمة لخصائص borderImageOutset:
object.style.borderImageOutset
تعيين خصائص borderImageOutset:
object.style.borderImageOutset = "length|number|initial|inherit"
ملاحظة:borderImageOutset
تحدد كمية انطلاق رسم الحاجز خارج صندوق الحدود. في الأعلى، في اليمين، في الأسفل، في اليسار. إذا تم تجاهل الرقم الرابع، فإنه سيكون نفس القيمة الثانية. إذا تم تجاهل الرقم الثالث، فإنه سيكون نفس القيمة الأولى. إذا تم تجاهل الرقم الثاني، فإنه سيكون نفس القيمة الأولى. لا يسمح بأي قيمة سلبية كقيمة border-image-outset.
قيمة الخصائص
القيمة | وصف |
---|---|
length | وحدة طول، تحدد المسافة التي سيظهر فيها رسم الحاجز في البعد. القيمة الافتراضية 0. |
number | مضاعفة الحدود الحاجزية border-width. |
initial | قم بتعيين هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى initial. |
inherit | يرث هذا الخصائص من العنصر الأب. يرجى الرجوع إلى inherit. |
تفاصيل التقنية
القيمة الافتراضية: | 0 |
---|---|
النتيجة المقدمة: | خط، يمثل خصائص border-image-outset. |
إصدار CSS: | CSS3 |
دعم المتصفح
الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم هذه الخاصية بشكل كامل.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
دعم | 11.0 | دعم | 6.0 | 15.0 |
الرجاء الرجوع خصائص borderImage!
- الصفحة السابقة
- الصفحة التالية
- العودة إلى الطبقة السابقة موضوع HTML DOM Style