ویژگی Style backgroundClip

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

backgroundClip تنظیم ویژگی یا بازگشتی پس‌زمینه.

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

طراحی HTML:ویژگی پس‌زمینه

آموزش CSS3CSS پس منظر

آموزش CSS3پس‌زمینه CSS3

دستورالعمل CSS:ویژگی background-clip

مثال

محدوده‌ی ترسیم پس‌زمینه را مشخص کنید:

document.getElementById("myDIV").style.backgroundClip = "content-box";

آزمایش کنید

منطق

ویژگی backgroundClip بازگشتی شود:

عنصر.style.backgroundClip

ویژگی backgroundClip تنظیم شود:

عنصر.style.backgroundClip = "border-box|padding-box|content-box|initial|inherit"

مقدار ویژگی

مقدار توضیحات
border-box مقدار پیش‌فرض. پس‌زمینه به محدوده حاشیه محدود می‌شود (border box).
padding-box پس‌زمینه به محدوده پدینگ محدود می‌شود.
content-box پس‌زمینه به محدوده محتوا محدود می‌شود.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial.
inherit این ویژگی را از عنصر پدر خود ارث می‌برد. لطفاً به inherit.

جزئیات فنی

مقدار پیش‌فرض: border-box
مقدار بازگشتی: یک رشته است که به معنای ویژگی background-clip.
نسخه CSS: CSS3

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

backgroundClip این یک ویژگی CSS3 (1999) است.

تمام مرورگرها این را به طور کامل پشتیبانی می‌کنند:

کروم ایج فایرفاکس سافاری آپرا IE
کروم ایج فایرفاکس سافاری آپرا IE
پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی 11