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