top/left/bottom/right

Lastnosti top/left/bottom/right določajo kje bo zgornji/levi/spodnji/desni rob blokovnega elementa glede na zgornji/levi/spodnji/desni rob običajne nastavitve, elementa, v katerem je vsebovan, strani ali okna pregledovalnika (odvisno od vrednosti lastnosti position).

vrednost	opis	NN	IE	CSS
auto	Vrednost določa, da brskalnik samodejno nastavi razdaljo med zgornjo vsebino robov.	4	4	1
dolžina	Vrednost dolžine nastavi razdaljo med zgornjimi robovi in je lahko v vseh sedmih enotah.	4	4	2
odstotki	Vrednost v odstotkih nastavi razdaljo med zgornjimi robovi kot odstotek od povprečne višine glavnega bloka. Je pozitivno celo število.	4	4	2

Primer

div#prvi
{
position: absolute;
bottom: 1cm;
left: 1cm;
right: 1cm;
top: 1cm;
}

→ Primer pozicioniranja glede na levi zgornji vogal/trenutni položaj
→ Primer pozicioniranja glede na desni spodnji vogal/trenutni položaj
→ Primer relativnega pozicioniranja
→ Primer uporabe oblikovanja anonimnega bloka div

Gor e-gradiva CSS primeri Plasti clip

SERŠ Maribor : Strokovna gimnazija : 2004 : Peter Šori-Lončarič

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje	Primeri