सीएसएस बैकग्राउंड-पोजिशन-यी गुण

वर्णन और उपयोग

background-position-y इस गुण का उपयोग पृष्ठभूमि चित्र को वक्ष अक्ष पर स्थापित करने के लिए किया जाता है。

सूचनाःमूलभूत रूप से, पृष्ठभूमि चित्र एलिमेंट के बाहरी शीर्ष-दक्षिण कोण पर स्थापित होता है और ऊपरी-नीचे तथा ऊपरी-नीचे दिशा में दोहराया जाता है。

उदाहरण

उदाहरण 1

कैसे वक्ष अक्ष पर पृष्ठभूमि चित्र को स्थापित करेंः

div {
  background-image: url('w3css.gif');
  background-repeat: no-repeat;
  background-position-y: center;
}

亲自试一试

उदाहरण 2

कैसे पृष्ठभूमि चित्र को शीर्ष पर स्थापित करेंः

body {
  background-image: url('w3css.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position-y: bottom;
}

亲自试一试

例子 3

如何使用百分比在 y 轴上定位背景图像：

body {
  background-image: url('w3css.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position-y: 50%;
}

亲自试一试

例子 4

如何使用像素在 y 轴上定位背景图像：

body {
  background-image: url('w3css.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position-y: 80px;
}

亲自试一试

CSS 语法

background-position-y: value;

属性值

तकनीकी विवरण

ब्राउज़र समर्थन

तालिका मध्ये अंक या गुणाची प्रथम पूर्णतः समर्थित ब्राउज़र आवृत्तीचे प्रदर्शन करतात.

संबंधित पृष्ठ

तालीमीरता:CSS पृष्ठभूमि

CSS संदर्भ:background-image गुण

CSS संदर्भ:background-position गुण

CSS संदर्भ:background-position-x गुण

HTML DOM संदर्भ:backgroundPosition गुण