e-gradiva     HTML CSS JavaScript Načrtovanje  
  logotip  
SERŠ Maribor Iskanje Primeri

position

Lastnost position in lastnost float določata, kako CSS2 določa algoritem lokacije, ki se uporablja za izračunavanje pozicij za celoten prostor.

Lastnost position določa, ali lahko elementu spreminjamo njegovo lokacijo v odvisnosti na "običajno" postavitev na stran (kjer bi se element moral nahajati, če mu ne bi spremenili položaja) ali pa glede na celotno stran.

vrednostopisNNIECSS
staticElement zaseda običajno postavitev, lastnosti left, right, bottom in top ni mogoče uporabiti.442
relativeRelativno predstavlja odmik glede na običajno postavitev na strani.442
absoluteAbsolutna pozicija dovoljuje elementu, da je prikazan kjerkoli na strani. Pozicija se nastavi z uporabo: "left" - levo, "right" - desno, "top" - zgroaj ni "bottom" - spodaj.442
fixedFiksna pozicija je sorodna absolutni, razlikujeta se v tem, da je element postavljen absolutno, glede na okno brskalnika, šele na to se ozira na nastavitve strani, se pravi, da daje brskalniku višjo prioriteto. To pomeni, da element miruje tudi, če se pomikamo gor in dol po strani.6-2

Primer

p.prvi
{
position: absolute;
bottom: 1in;
left: 1in;
right: 1in;
top: 1in;
}

→ Primer pozicioniranja glede na levi zgornji vogal/trenutni položaj
→ Primer pozicioniranja glede na desni spodnji vogal/trenutni položaj
→ Primer relativnega pozicioniranja

SERŠ Maribor : Strokovna gimnazija : 2004 : Jernej Dolinar