Īpašība background-position-y
Īpašība background-position-y norāda
elementa fona attēla atrašanās vietu
vertikāli.
Īpašība var pieņemt šādas vērtības:
top, center, bottom, kā arī
var norādīt fona pozīciju procentos
vai pikseļos.
Sintakse
selektors {
background-position-y: vērtība;
}
Piemērs
Novietosim fona attēlu augšā vertikāli:
<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;
}
:
Piemērs
Tagad pārvietosim fonu centrā:
<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;
}
:
Piemērs
Tagad norādīsim fona pozīciju procentos:
<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;
}
:
Skatiet arī
-
īpašība
background,
kas ir saīsinājuma īpašība fonam -
īpašība
background-position-x,
kas norāda fona pozīciju horizontāli