CSS vlastnost top určuje y-ovou souřadnici pozicovaného prvku, čili posunutí dolů.
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.
Prohlížeč | Podpora ve verzích | Poznámka |
---|---|---|
Internet Explorer | 4, 5, 5.5, 6 | |
Firefox | všechny verze | |
Opera | 5, 6, 7 | |
Chrome | ano |
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.
Příklad sloupcového designu pozicováním
Layout pomocí pozicování a overflow
Ukázka absolutního pozicování a filtru matrix
CSS pozicování, primitivní příklad
Jak psát web píše Yuhů, Dušan Janovský. Kontakt.