Ha egy elemet a position
tulajdonsággal nem static
értékkel látunk el, akkor ezzel a négy
tulajdonsággal kell a pontos helyzetüket megadni.
A tulajdonságok értéke lehet inherit
, ami az értéket az elem
ősétől örökli; lehet auto
, vagy lehet egy hossz, ami lehet
százalékban is megadva.
A top
tulajdonság meghatározza, hogy milyen messze legyen a
doboz felső széle a tartalmazó doboz felső széle alatt. A right
tulajdonság meghatározza, hogy milyen messze legyen a doboz jobb széle a
tartalmazó doboz jobb szélétől balra. A bottom
tulajdonság
meghatározza, hogy milyen messze legyen a doboz alja a tartalmazó doboz alja
fölött. Végül a left
tulajdonság meghatározza, hogy milyen messze
legyen a doboz bal széle a tartalmazó bal szélétől jobbra.
Amennyiben értékként százalék szerepel, akkor a jobb és bal oldalra
vonatkozóan a tartalmazó doboz szélessége számít száz százaléknak, míg a felső
és alsó oldal esetében a tartalmazó doboz magassága. Ez utóbbi esetben ha a
tartalmazó doboz magassága nincs konkrétan meghatározva, akkor a százelékérték
alkalmazása azonos hatást ér el, mint az auto
érték használata.
Az auto
érték használata esetén a böngésző a CSS szabványban
rögzített szabályok szerint határozza meg az értéket (a CSS2.pdf 113., 135. és
139. oldalán található).
A display: absolute
használata esetén ez a négy tulajdonság a
tartalmazó dobozhoz képest állapítja meg az elem pozícióját. A display:
relative
használata esetén a doboz saját külső határa (a margó külső
vége) az a vonal, amelyhez relatív pozíció adható meg.