ویژگی border-image-outset CSS

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

ویژگی border-image-outset مقدار میزان برآمدگی تصویر حاشیه از جعبه حاشیه را مشخص می‌کند.

لطفاً به اینجا نیز مراجعه کنید:

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

مثال

تنظیم ویژگی border-image-outset:

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

جملات CSS

border-image-outset: length|number;

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

مقدار ویژگی

مقدار توضیح
length
number نشان‌دهنده چندین برابر border-width است.

جزئیات فنی

مقدار پیش‌فرض: 0
وراثت: no
نسخه: CSS3
جملات برنامه‌نویسی JavaScript: object.style.borderImageOutset="30 30"

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

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

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

لطفاً مراجعه کنید border-image ویژگی‌ها.