مثال
تحديد عرض الصورة الحدود:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
انها محاولة لنفسك » تعريف واستخدام
تحدد الخاصية الحدود بين صورة العرض وعرض الصورة الحدود.
نصيحة: ابحث أيضا في الحدود بين صورة الملكية (a shorthand property for setting all the border-image-* properties) .
| القيمة الافتراضية: | 1 |
|---|---|
| وارث: | no |
| Animatable: | no. Read about animatable |
| الإصدار: | CSS3 |
| جافا سكريبت بناء الجملة: | object .style.borderImageWidth="20px" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
CSS بناء الجملة
border-image-width:number|%|auto|initial|inherit;Note: الخاصية الحدود بين صورة العرض يمكن أن يستغرق من أربعة القيم (top, right, bottom, and left sides) . إذا تم حذف القيمة الرابعة فهي نفس الثانية. إذا تم حذف الثلث أيضا، وهذا هو نفس أولا. إذا تم حذف ثانية واحدة أيضا، وهذا هو نفس أولا.
قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| length | وحدة طول (px) تحديد حجم العرض الحدود | العبها " |
| number | القيمة الافتراضية 1. التمثيلات مضاعفات المقابلة، وعرضها على الحدود | العبها " |
| % | يشير إلى حجم صورة المنطقة الحدودية: عرض المنطقة لإزاحة أفقية، وارتفاع لإزاحة عمودية | العبها " |
| auto | إذا تم تحديدها، والعرض هو عرض جوهري أو ارتفاع شريحة الصورة المقابلة | العبها " |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي | العبها " |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
صفحات ذات صلة
CSS3 البرنامج التعليمي: صور CSS3 الحدود
CSS المرجعي: border-image property
CSS المرجعي: border-image-outset property
CSS المرجعي: border-image-repeat property
CSS المرجعي: border-image-slice property
CSS المرجعي: border-image-source property
HTML DOM المرجع borderImageWidth property