స్టైల్ బ్యాక్‌గ్రౌండ్‌పోజిషన్ అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

backgroundPosition అట్రిబ్యూట్ సెట్టింగ్ లేదా బ్యాక్‌గ్రౌండ్ ఇమేజ్ స్థానాన్ని పొందుటకు.

మరియు ఇతర సూచనలు:

హెచ్టిఎమ్ఎల్ స్టైల్స్:బ్యాక్‌గ్రౌండ్ అట్రిబ్యూట్

సిఎస్ఎస్ ట్యూటోరియల్:CSS బ్యాక్‌గ్రౌండ్

సిఎస్ఎస్3 ట్యూటోరియల్:సిఎస్ఎస్3 బ్యాక్‌గ్రౌండ్

సిఎస్ఎస్ రిఫరెన్స్ మాన్యువల్:బ్యాక్‌గ్రౌండ్-ఇమేజ్ అట్రిబ్యూట్

సిఎస్ఎస్ రిఫరెన్స్ మాన్యువల్:బ్యాక్‌గ్రౌండ్-పోజిషన్ అట్రిబ్యూట్

ఇన్స్టాన్స్

ఉదాహరణ 1

బ్యాక్‌గ్రౌండ్ ఇమేజ్ స్థానాన్ని మార్చుము:

document.body.style.backgroundPosition = "టాప్ రైట్";

亲自试一试

ఉదాహరణ 2

డివ్ ఎలమెంట్ లో బ్యాక్‌గ్రౌండ్ ఇమేజ్ స్థానాన్ని తల్లిగా మధ్యకేంద్రంగా మార్చుము:

document.getElementById("myDiv").style.backgroundPosition = "center bottom";

亲自试一试

例子 3

将

元素中背景图像的位置更改为水平 200 像素和垂直 40 像素：

document.getElementById("myDiv").style.backgroundPosition = "200px 40px";

亲自试一试

例子 4

返回

元素中背景图像的位置：

document.getElementById("myDiv").style.backgroundPosition;

亲自试一试

语法

返回 backgroundPosition 属性：

object.style.backgroundPosition

设置 backgroundPosition 属性：

object.style.backgroundPosition = value

属性值

值 描述
  • top left
  • top center
  • top right
  • center left
  • center center
  • center right
  • bottom left
  • bottom center
  • bottom right
 如果您只规定一个关键字，则另一个值将是 "center"。
x% y%

x 值表示水平位置，y 值表示垂直位置。

左上角是 0% 0%。右下角是 100% 100%。

如果您只规定一个值，则另一个值为 50%。
xpos ypos

x 值表示水平位置，y 值表示垂直位置。

左上角为 0 0。单位可以是像素 (0px 0px) 或任何其他 CSS 单位。

如果您只规定一个值，则另一个值为 50%。您可以混合使用 % 和单位。
initial 将此属性设置为其默认值。请参阅 initial.
inherit 从其父元素继承此属性。请参阅 inherit.

సాంకేతిక వివరాలు

అప్రమేయ విలువ 0% 0%
తిరిగి వచ్చే విలువ పృష్ఠభూమి చిత్రం యొక్క స్థానాన్ని సూచించే స్ట్రింగ్.
CSS వెర్షన్: CSS1

బ్రౌజర్లు మద్దతు

backgroundPosition ఇది CSS1 (1996) లక్షణం.

అన్ని బ్రౌజర్లు పూర్తిగా దానిని మద్దతు ఇస్తాయి:

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా IE
క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా IE
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు