Vetia background-position-y

Vetia background-position-y përcakton vendndodhjen e figurës së sfondit të një elementi përgjatë boshtit vertikal.

Vetia mund të marrë vlerat e mëposhtme: top, center, bottom, si dhe mund të përcaktohet pozicioni i sfondit në përqindje ose në piksel.

Sintaksa

përzgjedhësi {
	background-position-y: vlera;
}

Shembull

Le të pozicionojmë figurën e sfondit në pjesën e sipërme përgjatë boshtit vertikal:

<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;
}

Shembull

Tani le ta zhvendosim sfondin në qendër:

<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;
}

Shembull

Tani le të përcaktojmë pozicionin për sfondin në përqindje:

<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;
}

Shihni gjithashtu

vetia background,
e cila paraqet një veti të shkurtuar për sfondin
vetia background-position-x,
e cila përcakton pozicionin e sfondit përgjatë boshtit horizontal