Background-position-y häsiýeti
background-position-y häsiýeti
elementuň fon suratynyň dikligine görä
ýerleşişini kesgitleýär.
Häsiýet aşakdaky bahalary kabul edip biler:
top, center, bottom, şeýle hem
fonuň ýerleşişini göterim ýa-da
piksel bilen görkezmek bolýar.
Sintaksis
sessiya {
background-position-y: baha;
}
Mysal
Geliň, fon suratyny dikligine görä ýokarda ýerleşdireliň:
<div id="elem"></div>
#elem {
background-position-y: top;
background-image: url("bg.png");
background-repeat: no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Mysal
Indi bolsa, fonu merkeze göçüreliň:
<div id="elem"></div>
#elem {
background-position-y: center;
background-image: url("bg.png");
background-repeat: no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Mysal
Indi bolsa, fon üçin ýerleşişi göterimlerde görkezeliň:
<div id="elem"></div>
#elem {
background-position-y: 80%;
background-image: url("bg.png");
background-repeat: no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Şeýle-de serediň
-
backgroundhäsiýeti,
fon üçin gysgaldylan häsiýet bolup hyzmat edýär -
background-position-xhäsiýeti,
fonuň giňlige görä ýerleşişini kesgitleýär