Header

CSS pozicioniranje elemenata

Pošalji komentar

Ocenite članak

 

CSS pozicioniranje upotrebom svojstva position kontroliše položaj ciljanog elementa.

Sintaksa



position: vrijednost;


Moguće vrednosti su:

  • static - podrazumevano svojstvo, obezbeđuje zadani redosled elemenata na web stranici.
  • relative - menja položaj elementa u odnosu na zadani redosled.
  • absolute - element se pojavljuje u odnosu na gornji levi (top left) položaj najbližeg roditeljskog elementa.
  • fixed - isto kao absolute, sa tom razlikom da je roditeljski element prozor web brauzera. Ovakav element se ne pomera prilikom skrolovanja web stranice.


Primer



1
position: fixed;
2
top: 10px;
3
right: 10px;