نمونه کد

یک نمونه ساده از خاصیت border-image:

آزمایشگاه

تعریف و کاربرد

با استفاده از خاصیت border-image می توانید تصویری را درون حاشیه قرار دهید.

اطلاعات

# توضیحات
مقدار پیشفرض پیش فرض %100 و کشیده 1 به 0
ارث بری خیر
انیمیشن خیر
نسخه CSS3
نگارش JS object.style.borderImage="url(border.png) 30 round"

سازگاری با مرورگر

# کروم ادج فایرفاکس سافاری اپرا
border-image

شیوه نگارش

مقادیر

مقادیر توضیحات
border-image-source آدرس دهی تصویر درون حاشیه را تعیین می کند.
border-image-slice تعیین می کند که می توانیم تصویر را برش دهیم یا خیر.
border-image-width عرض تصویر درون حاشیه را تعیین می کند.
border-image-outset مقداری را تعیین می کند که تصویر از کادر حاشیه خارج شود.
border-image-repeat تعیین می کند که آیا تصویر درون حاشیه می بایست تکرار، کشیده یا گرد شود یا خیر.
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.