ویژگی border-image-source CSS
- صفحه قبل border-image-slice
- صفحه بعدی border-image-width
تعریف و استفاده
ویژگی border-image-source مقدار تصویری که باید استفاده شود را مشخص می‌کند، به جای سبک پالت بندی که در ویژگی border-style تعیین شده است.
توجه:اگر مقدار "هیچ‌کدام" باشد یا اگر تصویر قابل نمایش نباشد، از سبک پالت بندی استفاده شود.
لطفاً به منابع مراجعه کنید:
آموزش CSS3:حلقه‌های CSS3
مثال
از یک تصویر برای پالت بندی اطراف عنصر div استفاده کنید:
div
{
border-image-source: url(border.png);
}
آموزش CSS:
border-image-source: none|تصویر;
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| هیچ‌کدام | از تصویر استفاده نکنید. |
| تصویر | مسیر تصویری که به عنوان پالت بندی استفاده می‌شود. |
جزئیات فنی
| مقدار پیش‌فرض: | هیچ‌کدام |
|---|---|
| ارث‌پذیری: | خیر |
| نسخه: | CSS3 |
| آموزش زبان JavaScript: | object.style.borderImageSource="url(border.png)" |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
لطفاً به منابع مراجعه کنید border-image ویژگی‌ها.
- صفحه قبل border-image-slice
- صفحه بعدی border-image-width
