Top

Top

CSS vlastnost top urΦuje y-ovou sou°adnici pozicovanΘho prvku, Φili posunutφ dol∙.

top
hodnoty x-sou°adnice levΘho okraje prvku
dΘlka hornφ okraj prvku je vzdßlen dΘlku dol∙ od hornφho okraje omezujφcφho prvku
procento% hornφ okraj prvku je vzdßlen procento v²╣ky omezujφcφho prvku od hornφho okraje omezujφcφho prvku
auto prvek mß hornφ okraj na tom mφst∞, kde by ho m∞l, kdyby nebyl pozicovßn

Pouze pro prvky s position: absolute nebo position: relative, tj. pro pozicovanΘ prvky. Omezujφcφ prvek je bu∩to cel² dokument, nebo jin² nad°azen² prvek s position: absolute nebo position: relative.

Nahoru se posouvß zßpornou hodnotou.

Podpora

Podpora vlastnosti top
Prohlφ╛eΦ Podpora ve verzφch Poznßmka

Internet Explorer

4, 5, 5.5, 6  
Mozilla (Netscape 6+) v╣echny verze  
Opera 5, 6, 7  
Konqueror ano  
IE 5 / Mac ano  
Netscape Navigator 4 podivn∞  

P°φklady

JednoduchΘ posunutφ kousku textu relativnφ pozicφ o 4 pixely nahoru:

Normßlnφ text a <span style="position: relative; top: -4px">posunut² text</span> a zase normßlnφ text.

Dal╣φ p°φklady

Pozicovan² design - p°φklad

P°φklad sloupcovΘho designu pozicovßnφm

Vno°enß absolutnφ pozice

Layout pomocφ pozicovßnφ a overflow

Ukßzka absolutnφho pozicovßnφ a filtru matrix

CSS pozicovßnφ, primitivnφ p°φklad

Vizte tΘ╛

Position = zp∙sob poΦφtßnφ pozice, Left = sou°adnice x poΦφtanß zleva doprava, Bottom = sou°adnice y poΦφtanß zdola nahoru

Odkazy

CSS pozicovßnφ

o tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek

Pφ╣e Yuh∙, dusan@pc-slany.cz

Hledßnφ:

KaskßdovΘ styly na www.jakpsatweb.cz

Pφ╣e Yuh∙: http://dusan.pc-slany.cz, mail: dusan@pc-slany.cz

Poslednφ aktualizace 10.12.2003