ویژگی Style backgroundOrigin
- پچھلے صفحے پر بیک گرون کلپ
- آئندہ صفحے پر بیک گرون سائز
- پچھلے صفحے پر واپس ایچ تی ایم ال ڈوم اسٹائل آوبجیکٹ
تعریف و استفاده
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 |
|---|---|
| مقدار بازگشتی: | یک رشته، که موقعیت عناصر را نشان می‌دهد بیک گرون اورجین اپنائیں. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
backgroundOrigin این یک ویژگی CSS3 (1999) است.
تمام مرورگرها این را کاملاً پشتیبانی می‌کنند:
| کروم | ایج | فایرفاکس | سافاری | آپرا | آئی ای |
|---|---|---|---|---|---|
| کروم | ایج | فایرفاکس | سافاری | آپرا | آئی ای |
| پشتیبندگی | پشتیبندگی | پشتیبندگی | پشتیبندگی | پشتیبندگی | 11 |
مرتبط صفحات
سی ایس ایس مراجع دفتربیک گرون اورجین اپنائیں
- پچھلے صفحے پر بیک گرون کلپ
- آئندہ صفحے پر بیک گرون سائز
- پچھلے صفحے پر واپس ایچ تی ایم ال ڈوم اسٹائل آوبجیکٹ
