نمونه کد

مثالی برای موقعیت قرار گیری تصویر پس زمینه روی محور y:

آزمایشگاه

تعریف و کاربرد

خصوصیت background-position-y موقعیت عکس پس زمینه را روی محور y مشخص میکند.

اطلاعات

# توضیحات
مقدار پیشفرض 0%
ارث بری خیر
انیمیشن بله
نسخه CSS3
نگارش JS object.style.backgroundPositionY="center"

شیوه نگارش

مقادیر

مقادیر توضیحات
top سمت بالایی پس زمینه را بر روی محور Y قرار می دهد.
bottom سمت پایینی پس زمینه را بر روی محور Y قرار می دهد.
center موقعیت پس زمینه در محور Y می باشد.
y% سمت بالا 0 درصد و سمت پایین 100 درصد می باشد.
ypos فاصله عمودی از سمت بالا را بر حسب پیکسل تعیین می کند.
ypos offset ypos سمت بالایی را تعیین می کند.
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.

نمونه کد های بیشتر

نمونه کد

نحوه قرار گیری عکس پس زمینه در قسمت بالا:

آزمایشگاه

نمونه کد

نحوه قرار گیری عکس پس زمینه روی محور y با استفاده از درصد:

آزمایشگاه

نمونه کد

نحوه قرار گیری عکس پس زمینه روی محور y با استفاده از پیکسل:

آزمایشگاه

صفحات مرتبط

آموزش CSS: پس زمینه CSS

مرجع CSS: ویژگی background-image

مرجع CSS: ویژگی background-position مرجع CSS: ویژگی background-position-x مرجع HTML DOM: ویژگی backgroundPosition