Sifa background-position-x

Sifa background-position-x inaweka msimamo wa picha ya usuli wa kipengele kwa usawa.

Sifa inaweza kukubali maadili yafuatayo: left, center, right, na pia unaweza kubainisha msimamo wa usuli kwa asilimia au saizi.

Kiendeshaji

kichagua {
	background-position-x: thamani;
}

Mfano

Wacha tuweke picha ya usuli upande wa kushoto kwa usawa:

<div id="elem"></div>

#elem {
	background-position-x: left;
	background-image: url("bg.png");
	background-repeat: no-repeat;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

Mfano

Sasa hebu tusogeze usuli upande wa kulia:

<div id="elem"></div>

#elem {
	background-position-x: right;
	background-image: url("bg.png");
	background-repeat: no-repeat;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

Mfano

Wacha tuweke picha ya usuli katikati:

<div id="elem"></div>

#elem {
	background-position-x: center;
	background-image: url("bg.png");
	background-repeat: no-repeat;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

Mfano

Sasa tubainishe msimamo wa usuli kwa asilimia:

<div id="elem"></div>

#elem {
	background-position-x: 20%;
	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 usuli
sifa background-position-y,
ambayo inaweka msimamo wa usuli kwa wima