ویژگی backgroundSize Style
- صفحه قبلی backgroundOrigin
- صفحه بعدی backfaceVisibility
- برگشت به طبقه بالاتر عنصر Style HTML DOM
تعریف و استفاده
backgroundSize تنظیم یا بازگرداندن اندازه تصویر پس‌زمینه.
لطفاً ببینید:
نمونه‌های HTMLویژگی پس‌زمینه
آموزش CSSپس‌زمینه CSS
آموزش 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) است.
همه مرورگرها این را به طور کامل پشتیبانی می‌کنند:
| Chrome | Edge | Firefox | Safari | Opera | IE |
|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera | IE |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | 11 |
- صفحه قبلی backgroundOrigin
- صفحه بعدی backfaceVisibility
- برگشت به طبقه بالاتر عنصر Style HTML DOM
