خصوصیت border-image-source
مثال (خصوصیت 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 |
مسیر عکسی که به عنوان حاشیه استفاده می شود. |
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6354