A top, right, bottom, left tulajdonság

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.