تعریف و کاربرد
خصوصیت background-position-x موقعیت عکس پس زمینه را روی محور x مشخص میکند.
اطلاعات
# | توضیحات |
---|---|
مقدار پیشفرض | 0% |
ارث بری | خیر |
انیمیشن | بله |
نسخه | CSS3 |
نگارش JS | object.style.backgroundPositionX="center" |
سازگاری با مرورگر
اعداد نوشته شده در جدول نسخه ای از مرورگر را مشخص می کنند که به طور کامل قابلیت پشتیبانی از خصوصیت background-position-x را دارند.
# | کروم | ادج | فایرفاکس | سافاری | اپرا |
---|---|---|---|---|---|
background-position-x |
شیوه نگارش
مقادیر
مقادیر | توضیحات |
---|---|
left | در این حالت پس زمینه در سمت چپ محور x قرار دارد. |
right | در این حالت پس زمینه در سمت راست محور x قرار دارد. |
center | در این حالت پس زمینه در مرکز محور x قرار دارد. |
x% | سمت چپ محور 0 درصد و سمت راست محور 100 درصد می باشد. |
xpos | نشان دهنده فاصله افقی از سمت چپ میباشد.واحد ها میتوانند پیکسل، یا هر واحد دیگری در CSS باشند. |
xpos offset | xpos بر روی طرف های چپ و راست تنظیم شده است. |
initial | این خصوصیت را به مقدار از پیش تأیین شده خودش برمیگرداند. |
inherit | این خصوصیت را از عنصر اصلی خود به ارث میبرد. |
نمونه کد های بیشتر
نمونه کد
از خصوصیت های مختلف پس زمینه برای ساخت عکس پس زمینه ای که فضای داخلی خود را پوشش میدهد استفاده کنید:
آزمایشگاهصفحات مرتبط
آموزش CSS: پس زمینه CSS
مرجع CSS: خصوصیت عکس پس زمینه
مرجع CSS: ویژگی background-position
مرجع CSS: ویژگی background-position-y
مرجع HTML DOM: ویژگی backgroundPosition