ویژگی background-position در css

توضیحات

مقدار

اگر شما فقط یک کلمه کلیدی را مشخص کنید، سایر مقادیر در “مرکز” قرار خواهند گرفت.

(بالا سمت چپ) left top

(مرکز سمت چپ) left center

(پایین سمت چپ) left bottom

(بالا سمت راست) right top

(مرکز سمت راست) right center

(پایین سمت راست) right bottom

(مرکز بالا) center top

(مرکز مرکز) center center

(مرکز پایین) center bottom

مقدار اول موقعیت افقی است و مقدار دوم عمودی است. گوشه بالا سمت چپ ۰٪ ۰٪ است. گوشه پایین سمت راست ۱۰۰٪ ۱۰۰٪ است. اگر شما فقط یک مقدار مشخص کنید، مقادیر دیگر ۵۰٪. خواهند بود. مقدار پیش فرض ۰٪ ۰٪ می باشد.

X% y%

مقدار اول موقعیت افقی است و مقدار دوم عمودی است. گوشه بالا سمت چپ  ۰ ۰ است. واحد این مقادیر می تواند پیکسل ( ۰px  ۰px) و یا هر واحد دیگری در CSS باشد. اگر شما فقط یک مقدار مشخص کنید، مقادیر دیگر ۵۰٪ خواهد بود. شما می توانید٪ و موقعیت را با هم ترکیب کنید.

xpos ypos

این ویژگی را با مقدار پیش فرض آن تنظیم کنید.

Initial

این مقدار را از عنصر والد آن دریافت کنید.

Inherit