نمط خاصية borderImageOutset
مثال
ضع الحد خارج حواف عنصر <div>:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
التعريف والاستخدام
تقوم خاصية borderImageOutset بتعيين أو إرجاع المقدار الذي تمتد به مساحة صورة الحدود إلى ما بعد مربع الحدود.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
borderImageOutset | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
انظر إلى خاصية borderImage بدلاً من ذلك!
بناء الجملة
قم بإرجاع خاصية borderImageOutset:
object.style.borderImageOutset
قم بتعيين خاصية borderImageOutset:
object.style.borderImageOutset = "length|number|initial|inherit"
ملاحظة: تحدد خاصية borderImageOutset المقدار الذي تمتد به مساحة صورة الحدود إلى ما بعد مربع الحدود. على الجوانب العلوية واليمنى والسفلية واليسرى. إذا تم حذف القيمة الرابعة ، فستكون هي نفسها القيمة الثانية. إذا تم حذف الثالث أيضًا ، فسيكون هو نفسه الأول. إذا تم حذف الثاني أيضًا ، فسيكون هو نفسه الأول. القيم السالبة غير مسموح بها لأي من قيم borderImageOutset.
قيم الملكية
Value | Description |
---|---|
length | A length unit specifying how far from the edges the border-image will appear. Default value is 0 |
number | Represent multiples of the corresponding border-width |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | 0 |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل الخاصية border-image-outset لعنصر |
إصدار CSS | CSS3 |
الصفحات ذات الصلة
مرجع CSS: خاصية border-image-outset