ویژگی backgroundSize Style
- پچھلے صفحے backgroundOrigin
- آئندہ صفحہ backfaceVisibility
- ایک سطر اوپر واپس ایچ تی ایم ال ڈوم اسٹائل آپجیکٹ
تعریف و استفاده
backgroundSize تنظیم یا بازگرداندن اندازه تصویر پسزمینه.
لطفاً ببینید:
طراحی HTMLویژگی پسزمینه
آموزش CSSCSS پس منظر
آموزش CSS3پسزمینه CSS3
دستورالعمل CSSویژگی background-size
مثال
اندازه تصویر پسزمینه را مشخص کنید:
document.getElementById("myDIV").style.backgroundSize = "60px 120px";
نحوه نوشتن
ویژگی backgroundSize بازگردانده شود:
object.style.backgroundSize
ویژگی backgroundSize تنظیم کنید:
object.style.backgroundSize = "auto|length|cover|contain|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| auto | مقدار پیشفرض. تصویر پسزمینه شامل عرض و ارتفاع خود است. |
| length |
اندازه تصویر پسزمینه را تنظیم میکند. مقدار اول عرض را تنظیم میکند، مقدار دوم ارتفاع را تنظیم میکند. اگر تنها یک مقدار داده شود، مقدار دوم به "auto" تنظیم میشود. |
| percentage |
اندازه تصویر پسزمینه را به درصد از عنصر پدر تنظیم میکند. مقدار اول عرض را تنظیم میکند، مقدار دوم ارتفاع را تنظیم میکند. اگر تنها یک مقدار داده شود، مقدار دوم به "auto" تنظیم میشود. |
| cover |
تصویر پسزمینه را تا حد امکان بزرگ میکند تا منطقه پسزمینه به طور کامل توسط تصویر پسزمینه پوشانده شود. بخشهای خاصی از تصویر پسزمینه ممکن است در منطقه موقعیت پسزمینه قرار نگیرند. |
| contain | تصویر را به اندازه بزرگترین اندازه ممکن بزرگ میکند تا عرض و ارتفاع آن با منطقه محتوایی مناسب شوند. |
| initial | این ویژگی را به مقدار پیشفرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر پدر خود ارث میبرد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیشفرض: | auto |
|---|---|
| مقدار بازگشتی: | رشتهای که نشاندهنده اندازه عناصر ویژگی background-size. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
backgroundSize این یک ویژگی CSS3 (1999) است.
تمام مرورگرها این را کاملاً پشتیبانی میکنند:
| کروم | ایج | فایرفاکس | سافاری | آپرا | IE |
|---|---|---|---|---|---|
| کروم | ایج | فایرفاکس | سافاری | آپرا | IE |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | 11 |
- پچھلے صفحے backgroundOrigin
- آئندہ صفحہ backfaceVisibility
- ایک سطر اوپر واپس ایچ تی ایم ال ڈوم اسٹائل آپجیکٹ
