نمونه کد

یک نمونه ساده از خاصیت border-image-slice:

آزمایشگاه

تعریف و کاربرد

برای تقسیم کردن و برش تصاویر از خاصیت border-image-slice استفاده می کنیم.

اطلاعات

# توضیحات
مقدار پیشفرض 100%
ارث بری خیر
انیمیشن خیر
نسخه CSS3
نگارش JS object.style.borderImageSlice="30%"

سازگاری با مرورگر

# کروم ادج فایرفاکس سافاری اپرا
border-image-slice

شیوه نگارش

مقادیر

مقادیر توضیحات
number مختصات تصویر را با اعداد نشان می دهد.
% نسبت عرض به ارتفاع را به درصد تعیین می کند.
fill قسمت میانی تصویر را به نمایش می گذارد.
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.