Sifa background-position-y

Sifa background-position-y inaweka msimamo wa picha ya background ya kipengele kwa wima.

Sifa inaweza kukubali maadili yafuatayo: top, center, bottom, na pia inawezekana kubainisha msimamo wa background kwa asilimia au pikseli.

Kiendesi

kichagua {
	background-position-y: thamani;
}

Mfano

Wacha tuweke picha ya background juu kwa wima:

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

Mfano

Sasa hebu tusogeze background katikati:

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

Mfano

Sasa tubainishe msimamo wa background kwa asilimia:

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

Angalia Pia

sifa background,
inayowakilisha sifa iliyofupishwa kwa background
sifa background-position-x,
ambayo inaweka msimamo wa background kwa mlalo