ویژگی backgroundOrigin استایل
- صفحه قبل backgroundClip
- صفحه بعدی backgroundSize
- بازگشت به طبقه بالاتر اجزای Style HTML DOM
تعریف و استفاده
backgroundOrigin ویژگی background-position مقیاس موقعیت‌دهی آن را مشخص می‌کند.
نکته:اگر ویژگی background-attachment تصویر پس‌زمینه "fixed"اگر این ویژگی غیرفعال باشد.
مثال
تصویر پس‌زمینه در مقایسه با کادر محتوا برای موقعیت‌دهی قرار می‌گیرد:
document.getElementById("myDIV").style.backgroundOrigin = "content-box";
نوع نگارش
بازگشتی ویژگی backgroundOrigin:
object.style.backgroundOrigin
تنظیم ویژگی backgroundOrigin:
object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| padding-box | مقدار پیش‌فرض. تصویر پس‌زمینه در مقایسه با کادر پادروسی قرار می‌گیرد. |
| border-box | تصویر پس‌زمینه در مقایسه با کادر لبه برای موقعیت‌دهی قرار می‌گیرد. |
| content-box | تصویر پس‌زمینه در مقایسه با کادر محتوا برای موقعیت‌دهی قرار می‌گیرد. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر پدر خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | padding-box |
|---|---|
| مقدار بازگشتی: | رشته‌ای است که نشان‌دهنده ویژگی background-origin. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
backgroundOrigin ویژگی CSS3 (1999) است.
همه مرورگرها آن را کاملاً پشتیبانی می‌کنند:
| کروم | ایج | فایرفاکس | سفاری | آپرا | IE |
|---|---|---|---|---|---|
| کروم | ایج | فایرفاکس | سفاری | آپرا | IE |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | 11 |
صفحات مرتبط
دستورالعمل‌های CSS:ویژگی background-origin
- صفحه قبل backgroundClip
- صفحه بعدی backgroundSize
- بازگشت به طبقه بالاتر اجزای Style HTML DOM
