تعريف واستخدام
تحدد الخاصية الحدود صورة شريحة كيفية شريحة الصورة التي يحددها الحدود صورة المصدر . هو شرائح الصورة دائما إلى تسعة أقسام: أربعة أركان، وأربع حواف والوسط.
في "middle" يتم التعامل مع جزء شفافة تماما، ما لم يتم تعيين الكلمة التعبئة.
نصيحة: ابحث أيضا في الحدود بين صورة الملكية (a shorthand property for setting all the border-image-* properties) .
| القيمة الافتراضية: | 100% |
|---|---|
| وارث: | no |
| Animatable: | no. Read about animatable |
| الإصدار: | CSS3 |
| جافا سكريبت بناء الجملة: | object .style.borderImageSlice="30%" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| border-image-slice | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS بناء الجملة
border-image-slice:number|%|fill|initial|inherit;Note: الخاصية الحدود صورة شريحة يمكن أن يستغرق من أربعة القيم. إذا تم حذف القيمة الرابعة فهي نفس الثانية. إذا تم حذف الثلث أيضا، وهذا هو نفس أولا. إذا تم حذف ثانية واحدة أيضا، وهذا هو نفس أولا.
قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| number | و number(s) تمثل بكسل للصور النقطية أو إحداثيات ناقل الصور | العبها " |
| % | نسب قريبة إلى ارتفاع أو عرض صورة | العبها " |
| fill | يؤدي الجزء الأوسط من الصورة ليتم عرضها | العبها " |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي | |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
صفحات ذات صلة
CSS3 البرنامج التعليمي: صور CSS3 الحدود
CSS المرجعي: border-image property
CSS المرجعي: border-image-outset property
CSS المرجعي: border-image-repeat property
CSS المرجعي: border-image-source property
CSS المرجعي: border-image-width property
HTML DOM المرجع borderImageSlice property