خصائص 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