نمونه کد
مثالی برای موقعیت قرار گیری تصویر پس زمینه روی محور y:
آزمایشگاه
تعریف و کاربرد
خصوصیت background-position-y موقعیت عکس پس زمینه را روی محور y مشخص میکند.
مقادیر
مقادیر |
توضیحات |
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