CSS vlastnost bottom určuje y-ovou souřadnici pozicovaného prvku, počítáno zdola.
hodnoty | souřadnice umístění od spodu |
---|---|
délka | spodní okraj prvku bude umístěn na přesnou vzdálenost od spodku omezujícího prostoru |
Vlastnost bottom byla do CSS dodána až po vlastnosti top (umístění od shora). Bottom umožňuje umístit něco od spodního okraje omezujícího elementu, což pomocí top udělat nejde. Jakmile je pro prvek deklarována vlastnost top, vlastnost bottom je ignorována.
Zadá-li se záporná hodnota, bude spodní okraj prvku umístěn pod spodní okraj omezujícího prvku.
Omezující prvek určuje základ souřadného systému, od kterého se počítají rozměry. Nejčastěji je omezujícím prvkem okno dokumentu (skoro by se dalo říci tag <body>), ale existuje-li nadřazený prvek, který má nastaveno position: absolute nebo relative, je omezujícím prvkem tento prvek. Dají se tak dělat zajímavá kouzla. V případě, že se rozměry odvozují od celého dokumentu, není spodní okraj (od kterého se počítá bottom) spodek dokumentu (tag <body>), ale spodek okna!
V Exploreru funguje bottom od verze 5.5. Je třeba myslet na stále ještě relativně rozšířený Internet Explorer 5.0 a vlastnost bottom je tak třeba používat opatrně -- vzít v úvahu, že nemusí fungovat.
Prohlížeč | Podpora ve verzích | Poznámka |
---|---|---|
Internet Explorer | 5.5, 6 | IE4 a IE5.0 neznají |
Firefox | všechny verze | |
Opera | 5, 6, 7 | |
Chrome | ano |
Příklad pozicování na spodek okna.
Test vlastností bottom a right.
Primitivní test vlastností bottom a right
Jak psát web píše Yuhů, Dušan Janovský. Kontakt.