مثال (خصوصیت border-image-source)
از یک عکس به عنوان حاشیه در اطراف یک عنصر div استفاده کنید:
div
{
border-image-source: url(border.png);
}
{
border-image-source: url(border.png);
}
پشتیبانی مرورگرها
هیچ کدام از مرورگرهای اصلی، خصوصیت border-image-source را پشتیبانی نمی کنند.
می توانید به بیاموز border-image مراجعه نمایید.
تعریف و کاربرد
با استفاده از خصوصیت border-image-source می توانید از یک عکس به جای استایل های border که توسط خصوصیات border-style داده می شود استفاده کنید.
توجه: اگر مقدار "none" باشد، یا اگر عکس نمایش داده نشود، استایل های border استفاده خواهند شد.
| مقدار پیشفرض | none |
|---|---|
| ارث بری | خیر |
| نسخه | CSS3 |
| JavaScript ساختار | object.style.borderImageSource="url(border.png)" |
نحوه استفاده
border-image-source: none|image;
| مقدار | توضیحات |
|---|---|
| none | هیچ عکسی استفاده نخواهد شد. |
| image | مسیر عکسی که به عنوان حاشیه استفاده می شود. |
