مثال
تحديد صورة كما الحدود حول عنصر:
#borderimg
{
border-image-source: url(border.png);
}
انها محاولة لنفسك » تعريف واستخدام
تحدد الخاصية صورة المصدر الحدود المسار إلى صورة لاستخدامها الحدود (instead of the normal border around an element) .
Tip: إذا كانت القيمة "none" ، أو إذا تعذر عرض الصور، سيتم استخدام أنماط الحدود.
نصيحة: ابحث أيضا في الحدود بين صورة الملكية (a shorthand property for setting all the border-image-* properties) .
| القيمة الافتراضية: | none |
|---|---|
| وارث: | no |
| Animatable: | no. Read about animatable |
| الإصدار: | CSS3 |
| جافا سكريبت بناء الجملة: | object .style.borderImageSource="url(border.png)" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS بناء الجملة
border-image-source: none|image|initial|inherit;قيم الملكية
| القيمة | وصف |
|---|---|
| none | وسوف تستخدم أي صورة |
| image | المسار إلى صورة لاستخدامها الحدود |
| 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-width property
HTML DOM المرجع borderImageSource property