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 |
|---|---|---|
| 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ě |
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
Position = způsob počítání pozice, Left = souřadnice x počítaná zleva doprava, Bottom = souřadnice y počítaná zdola nahoru
o tvorbě, údržbě a zlepšování internetových stránek