مثال
تحديد صورة مثل الحدود حول <div> العنصر:
/* Code for Safari 5 and earlier */
document.getElementById("myDIV").style.WebkitBorderImage
= "url(border.png) 30 30 round";
/* Standard syntax */
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round"; انها محاولة لنفسك » تعريف والاستخدام
الخاصية borderImage هي الخاصية المختصرة لتحديد borderImageSource ، borderImageSlice ، borderImageWidth ، borderImageOutset و borderImageRepeat خصائص.
يتم تعيين القيم حذف إلى قيمها الافتراضية.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
أرقام تليها بكت، غادة عادل، أو O تحدد النسخة الأولى التي عملت مع بادئة.
| خاصية | |||||
|---|---|---|---|---|---|
| borderImage | 16.0 4.0 بكت | 11.0 | 15.0 3.5 غادة عادل | 6.0 3.1 بكت | 15.0 11.0 O |
بناء الجملة
إعادة الممتلكات borderImage:
object .style.borderImage
تعيين الخاصية borderImage:
object .style.borderImage=" قيم الممتلكات القيمة وصف borderImageSource المسار إلى الصورة التي سيتم استخدامها بوصفها الحدود borderImageSlice الإزاحات الداخل من الصورة الحدود borderImageWidth بعرض صورة للحدود borderImageOutset المبلغ الذي يمتد على مساحة الصورة الحدود خارج مربع الحدود borderImageRepeat ما إذا كان ينبغي تكرار صورة للحدود، وتقريبه أو تمدد initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة
تفاصيل تقنية
القيمة الافتراضية: لا شيء 100٪ 1 0 تمتد قيمة الإرجاع: A سلسلة، تمثل الممتلكات الحدود صورة عنصر صفحة CSS CSS3
صفحات ذات صلة
CSS المرجع border-image property
<كائن نمط