ویژگی Style backgroundAttachment
- صفحه قبل background
- صفحه بعدی backgroundColor
- برگشت به لایه بالاتر موضوع Style HTML DOM
تعریف و استفاده
backgroundAttachment تنظیم یا بازگشتی از تصویر پس‌زمینه باید با محتوا چرخش داشته باشد یا ثابت باشد.
لطفاً ببینید:
نحوه استفاده از HTML:ویژگی پس‌زمینه
آموزش CSS:پس‌زمینه CSS
دستورالعمل CSS:ویژگی background-attachment
مثال
مثال 1
تصویر پس‌زمینه را به حالت ثابت (بدون چرخش) تنظیم کنید:
document.body.style.backgroundAttachment = "fixed";
مثال 2
انتخاب scroll و local در عنصر DIV:
document.getElementById("myDIV").style.backgroundAttachment = "local";
مثال 3
تغییر بین scroll و fixed:
var x = document.body.style.backgroundAttachment; document.body.style.backgroundAttachment = (x == "scroll")? "fixed":"scroll";
مثال 4
مقدار ویژگی background-attachment بازگشتی:
alert(document.body.style.backgroundAttachment);
نحوه استفاده
بازگشتی از ویژگی backgroundAttachment:
object.style.backgroundAttachment
تنظیم ویژگی backgroundAttachment:
object.style.backgroundAttachment = "scroll|fixed|local|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| scroll | پس‌زمینه با عنصر خود می‌چرخد. پیش‌فرض. |
| fixed | پس‌زمینه در مقایسه با视اندام ثابت است. |
| local | پس‌زمینه با محتوای عنصر خود می‌چرخد. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | scroll |
|---|---|
| مقدار بازگشتی: | رشته‌ای است که نحوه اتصال تصویر پس‌زمینه به اشیاء در مستند را نشان می‌دهد. |
| نسخه CSS: | CSS1 |
پشتیبانی مرورگر
backgroundAttachment ویژگی CSS1 (1996) است.
همه مرورگرها آن را کاملاً پشتیبانی می‌کنند:
| Chrome | Edge | Firefox | Safari | Opera | IE |
|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera | IE |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبل background
- صفحه بعدی backgroundColor
- برگشت به لایه بالاتر موضوع Style HTML DOM
