خاصية عرض صورة الحدود في CSS
مثال
حدد عرض صورة الحد:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
التعريف والاستخدام
تحدد الخاصية عرض border-image-width
صورة الحدود.
نصيحة: انظر أيضًا إلى خاصية border-image (خاصية اختصار لتعيين جميع خصائص border-image- *).
القيمة الافتراضية: | 1 |
---|---|
وارث: | رقم |
متحرك: | رقم. اقرأ عن animatable |
الإصدار: | CSS3 |
بناء جملة JavaScript: | الكائن .style.borderImageWidth = "20px" |
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
بنية CSS
border-image-width: number|%|auto|initial|inherit;
ملاحظة: يمكن border-image-width
للخاصية أن تأخذ من قيمة واحدة إلى أربع قيم (أعلى ، ويمين ، وأسفل ، وجوانب يسار). إذا تم حذف القيمة الرابعة ، فستكون هي نفسها القيمة الثانية. إذا تم حذف الثالث أيضًا ، فسيكون هو نفسه الأول. إذا تم حذف الثاني أيضًا ، فسيكون هو نفسه الأول.
قيم الملكية
Value | Description | Play it |
---|---|---|
length | A length unit (px) specifying the size of the border-width | |
number | Default value 1. Represents multiples of the corresponding border-width | |
% | Refers to the size of the border image area: the width of the area for horizontal offsets, the height for vertical offsets | |
auto | If specified, the width is the intrinsic width or height of the corresponding image slice | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
الصفحات ذات الصلة
دروس CSS: CSS Border Images
مرجع CSS: خاصية صورة الحدود
مرجع CSS: خاصية border-image-outset
مرجع CSS: خاصية تكرار صورة الحدود
مرجع CSS: خاصية شريحة صورة الحدود
مرجع CSS: خاصية مصدر صورة الحدود
مرجع DOM HTML: خاصية borderImageWidth