background-position
Določa položaj osnovne slike v ozadju. Glede na to sliko tlakuje preostanek ozadja, če je to potrebno
(odvisno od nastavitve lastnosti background-repeat).
Vrednosti
Položaj slike nastavimo z dvema vrednostma, ki sta lahko:
-
procentualni vrednosti - na primer: background-position: 15% 25%
Sliko bo postavil tako, da bo točka na sliki, ki je za 15% njene širine oddaljena od levega roba
poravnana s točko, ki je za 15% širine ozadja oddaljena od levega roba ozadja. Podobno velja za
navpično smer. Točka na sliki, ki je za 25% njene višine oddaljena od zgornjega roba, bo poravnana
s točko, ki je za 25 višine ozadja oddaljena od zgornjega roba ozadja.
-
dolžinski meri - na primer: background-position: 200px 100px
Sliko bo postavil tako, da bo levi rob slike odmaknjen od levega roba ozadja za 200px.
Podobno velja za navpično smer. Zgornji rob slike bo od zgornjega roba ozadja odmaknjen
za 100px.
-
ključni besedi - deluje podobno kot procentualne vrednosti, le da namesto
številskih vrednosti napišemo besede. Za vodoravni položaj lahko uporabimo besede
left, center, right, za navpični položaj pa top,
center, bottom. Pri uporabi ključnih besed vrstni red ni pomemben,
če navedemo eno samo ključno besedo, pa je vrednost druge nastavljena na center.
Primeri
Ozadje te strani je nastavljeno z lastnostjo značke <body>: