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