ویژگی border-image-width CSS

تعریف و استفاده

ویژگی border-image-width عرض لبه تصویر را تعیین می‌کند.

لطفاً به

آموزش CSS3:کناره‌های CSS3

مثال

عرض لبه تصویر را تعیین می‌کند:

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

قوانین CSS

border-image-width: number|%|auto;

نکته:چهار مقدار تعیین شده برای border-image-width ویژگی، لبه تصویر را به نه بخش تقسیم می‌کند. آن‌ها نشان‌دهنده فاصله‌ای از بالای، سمت راست، پایین و سمت چپ محدوده به داخل هستند. اگر چهارمین مقدار را نادیده بگیریم، آن با دومین مقدار مشابه است. اگر سومین مقدار را حذف کنیم، آن با اولین مقدار مشابه است. اگر دومین مقدار را حذف کنیم، آن با اولین مقدار مشابه است. هیچ مقدار منفی به عنوان border-image-width مجاز نیست.

مقدار ویژگی

مقدار توضیح
number تعداد چند برابر border-width است.
% ابعاد محدوده تصویر پیرامون لبه را به عنوان مرجع: ارتفاع محدوده بر انحراف افقی تأثیر می‌گذارد، عرض بر انحراف عمودی تأثیر می‌گذارد.
auto اگر این ویژگی تعیین شود، عرض به اندازه عرض برش‌های تصویر ثابت است.

جزئیات فنی

مقدار پیش‌فرض: none
ارث‌پذیری: no
نسخه: CSS3
قوانین جاوااسکریپت: object.style.borderImageWidth="30 30"

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

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 13.0 6.0 15.0

لطفاً به border-image ویژگی‌ها.