ویژگی Style borderImageOutset

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

borderImageOutset تنظیم یا بازگشت مقدار تصویر لبه فراتر از قابلیت‌پذیر لبه (border box).

لطفاً ببینید:

دستورالعمل CSS:ویژگی border-image-outset

مثال

گذاشتن لبه در بیرون از لبه‌های <div> عناصر:

document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";

آزمایش شخصی کنید

نحوه استفاده

بازگشت ویژگی borderImageOutset:

object.style.borderImageOutset

تنظیم ویژگی borderImageOutset:

object.style.borderImageOutset = "length|number|initial|inherit"

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

مقدار ویژگی

مقدار توضیح
length واحد طول، که نشان‌دهنده فاصله‌ای است که تصویر لبه در آنجا ظاهر می‌شود. مقدار پیش‌فرض 0.
number برابر است با چندین برابر border-width.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit.

جزئیات فنی

مقدار پیش‌فرض: 0
مقدار بازگشتی: رشته، که نشان‌دهنده ویژگی border-image-outset.
نسخه CSS: CSS3

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی 11.0 پشتیبانی 6.0 15.0

لطفاً مشاهده کنید ویژگی borderImage!