logo Pozicija slike se specificira kroz dva parametra. Prvi parametar definiše horizontalnu a drugi vertikalnu poziciju. Ako jedan parametar nedostaje, smatra se da je njegova vrednost center.

U primerima će se koristiti slika sa desne strane. Zajednički članovi stila su:

p {
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
}

Pozicija u pikselima

Vrednosti specificirane pikselima su offset vrednosti u odnosu na gornji levi ugao.

p {
	background-position: 50px 5px;
}

Stalni pad cena laserskih štampača doveo je do toga da se najjeftiniji modeli po ceni mogu porediti sa inkjet-ovima iz više srednje klase. Na našem testu jeftinih lasera našlo se čak sedam interesantnih modela.

Pritom su dozvoljene i negativne vrednosti.

p {
	background-position: -100px;
}

Stalni pad cena laserskih štampača doveo je do toga da se najjeftiniji modeli po ceni mogu porediti sa inkjet-ovima iz više srednje klase. Na našem testu jeftinih lasera našlo se čak sedam interesantnih modela.

Pozicija ključnim rečima

Dozvoljene ključne reči za horizontalnu poziciju su left, center i right, a za vertikalnu su top, center i bottom.
Kada se koriste ključne reči, ne pomera se gornji levi ugao slike, jer onda kombinacija bottom i right ne bi imala smisla pošto bi sliku pomerila potpuno van pravougaonika.
Pozicioniranje ključnim rečima znači da treba poklopiti specificiranu tačku na slici i na pravougaoniku. Ako imamo right top, to znači da će se gornji desni ugao slike poklopiti sa gornjim desnim uglom pravougaonika. Ako imamo center, onda će se centar slike poklopiti sa centrom pravougaonika.
Sledi nekoliko primera koji ovo ilustruju...

p {
	background-position: center;
}

Stalni pad cena laserskih štampača doveo je do toga da se najjeftiniji modeli po ceni mogu porediti sa inkjet-ovima iz više srednje klase. Na našem testu jeftinih lasera našlo se čak sedam interesantnih modela.

p {
	background-position: right;
}

Stalni pad cena laserskih štampača doveo je do toga da se najjeftiniji modeli po ceni mogu porediti sa inkjet-ovima iz više srednje klase. Na našem testu jeftinih lasera našlo se čak sedam interesantnih modela.

p {
	background-position: top;
}

Stalni pad cena laserskih štampača doveo je do toga da se najjeftiniji modeli po ceni mogu porediti sa inkjet-ovima iz više srednje klase. Na našem testu jeftinih lasera našlo se čak sedam interesantnih modela.

p {
	background-position: right bottom;
}

Stalni pad cena laserskih štampača doveo je do toga da se najjeftiniji modeli po ceni mogu porediti sa inkjet-ovima iz više srednje klase. Na našem testu jeftinih lasera našlo se čak sedam interesantnih modela.

Pozicija u procentima

Kada se koriste procenti, koristi se isti model pozicioniranja kao za ključne reči. I to iz istog razloga - da se koristi offset model, onda bi 100% 100% pomerilo sliku izvan pravougaonika.

p {
	background-position: 50% 50%;
}

Stalni pad cena laserskih štampača doveo je do toga da se najjeftiniji modeli po ceni mogu porediti sa inkjet-ovima iz više srednje klase. Na našem testu jeftinih lasera našlo se čak sedam interesantnih modela.

p {
	background-position: 10% 50%;
}

Stalni pad cena laserskih štampača doveo je do toga da se najjeftiniji modeli po ceni mogu porediti sa inkjet-ovima iz više srednje klase. Na našem testu jeftinih lasera našlo se čak sedam interesantnih modela.

p {
	background-position: 100% 100%;
}

Stalni pad cena laserskih štampača doveo je do toga da se najjeftiniji modeli po ceni mogu porediti sa inkjet-ovima iz više srednje klase. Na našem testu jeftinih lasera našlo se čak sedam interesantnih modela.