خصوصیت border-image-source

چاپ

مثال (خصوصیت border-image-source)

از یک عکس به عنوان حاشیه در اطراف یک عنصر div استفاده کنید:

div
{
border-image-source: url(border.png);
}

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

هیچ کدام از مرورگرهای اصلی، خصوصیت 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

مسیر عکسی که به عنوان حاشیه استفاده می شود.