استائل بیک گراوند کی کوالیفیکنڈ
- پچھلے پیمنہ اینیمیشن پلے اسٹیٹ
- آئندہ پیمنہ بیک گریون ایٹچمنٹ
- درجہ اول کیوں واپس جائیں اشیاء Style HTML DOM
تعریف و استعمال
بیک گریون کوالیفیکنڈ کو چوتھائی شکل میں سیٹ یا واپسی کیا جاسکتا ہے جو ساتوئیں انفرادی بیک گراوند کی کوالیفیکنڈوں کو سیٹ یا واپسی کرسکتا ہے。
اس کی کوالیفیکنڈ کے ذریعے، آپ اس کی تعین یا واپسی کرسکتے ہیں:
| DOM کی کوالیفیکنڈ | CSS کی کوالیفیکنڈ |
|---|---|
| بیک گریون ایٹچمنٹ | background-attachment |
| backgroundClip | بیک گریون کلپ |
| backgroundColor | background-color |
| backgroundImage | background-image |
| backgroundOrigin | بیک گریون اورجین |
| backgroundPosition | background-position |
| backgroundRepeat | background-repeat |
| backgroundSize | بیک گریون سائز |
این ویژگیها نیز میتوانند با استفاده از attributeهای单独ای تنظیم شوند. به شدت توصیه میشود که نویسندگان غیرحرفهای از attributeهای单独ای برای دسترسی بهتر استفاده کنند.
لطفاً به
آموزش CSS3:CSS پس منظر
آموزش CSS3:پسزمینه CSS3
دستورالعمل CSS:attribute background
مثال
تنظیم استایل پسزمینه مستند:
document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right top";
در پایین صفحه مثالهای بیشتری از TIY وجود دارد.
قانوننویسی
attribute background بازمیگرداند:
object.style.background
تنظیم attribute background:
object.style.background = "color image repeat attachment position size origin clip|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| color | رنگ پسزمینه عناصر را تنظیم کنید. |
| image | تصویر پسزمینه عناصر را تنظیم کنید. |
| repeat | روش تکرار تصویر پسزمینه را تنظیم کنید. |
| attachment | تنظیم کنید که آیا تصویر پسزمینه ثابت است یا با صفحه به همراه میرود. |
| position | موقعیت شروع تصویر پسزمینه را تنظیم کنید. |
| size | اندازه تصویر پسزمینه را تنظیم کنید. |
| origin | ناحیهای که موقعیت پسزمینه را تنظیم میکند. |
| clip | ناحیهای که تصویر پسزمینه در آن کشیده میشود را تنظیم کنید. |
| مقدار اولیه | این ویژگی را به مقدار پیشفرض خود تنظیم کنید. لطفاً به مقدار اولیه. |
| وراثت | این ویژگی را از عنصر والد خود ارث میبرد. لطفاً به وراثت. |
جزئیات فنی
| مقدار پیشفرض: | شفاف هیچ تکرار اسکرول 0% 0% خودپرداخت جعبه پرداخت لبهای جعبه پرداخت |
|---|---|
| مقدار بازگشتی: | رشتهای که پسزمینه عناصر را نشان میدهد. |
| نسخه CSS: | CSS1 + ویژگیهای جدید در CSS3 |
مثالهای بیشتر
مثال 2
تغییر پسزمینه DIV عناصر:
document.getElementById("myDIV").style.background = "url('smiley.gif') blue repeat-x center";
مثال 3
دسٹریکنٹ کی پس منظر کی رنگ سیٹ کردی جاتی ہے:
دسٹریکنٹ بادی سٹائل بیک گریون رنگ = "red";
مثال 4
دسٹریکنٹ کی پس منظر کی تصویر سیٹ کردی جاتی ہے:
دسٹریکنٹ بادی سٹائل بیک گریون انگریج = "url('img_tree.png')";
مثال 5
پس منظر کی تصویر کو نہیں تکرار کیا جاتا ہے:
دسٹریکنٹ بادی سٹائل بیک گریون ریپیٹ = "repeat-y";
مثال 6
پس منظر کی تصویر کو مستقل (نہیں چلنے والی) رکھا جاتا ہے:
دسٹریکنٹ بادی سٹائل بیک گریون ایٹچمنٹ = "fixed";
مثال 7
پس منظر کی تصویر کی لوکیشن بدل دی جاتی ہے:
دسٹریکنٹ بادی سٹائل بیک گریون پوزیشن = "top right";
مثال 8
دسٹریکنٹ کی پس منظر کی اپریٹر کی قیمت واپس لایا جاتا ہے:
دسٹریکنٹ بادی سٹائل بیک گریون;
براوزر پشتیبندگی
بیک گریون یہ سی ایس ایس1 (1996) کی خصوصیت ہے۔
تمام براوزر اس کو پورا پورا پشتیبند کیا ہوا ہے:
| کروم | ایج | فائر فاکس | سافری | اوپرا | آئی ای |
|---|---|---|---|---|---|
| کروم | ایج | فائر فاکس | سافری | اوپرا | آئی ای |
| پشتیبندگی | پشتیبندگی | پشتیبندگی | پشتیبندگی | پشتیبندگی | پشتیبندگی |
نوٹس
سی ایس ایس3 (1999) میں تین نئی اپریٹر شامل کئے گئے تھے:
- پچھلے پیمنہ اینیمیشن پلے اسٹیٹ
- آئندہ پیمنہ بیک گریون ایٹچمنٹ
- درجہ اول کیوں واپس جائیں اشیاء Style HTML DOM
