CSS بوردر تصویر بیرون‌افکنی نمائش

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

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

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

آموزش CSS3:CSS3 کا سرحد

مثال

تنظیم خصوصیت border-image-outset:

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

جملات CSS

border-image-outset: طول|اعداد;

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

مقدار خصوصیت

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

جزئیات فنی

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

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

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

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

ملاحضه فرمایید border-image خصوصیات.