Styl dole Vlastnost
Příklad
Nastavte spodní pozici prvku <button>:
document.getElementById("myBtn").style.bottom = "100px";
Definice a použití
Vlastnost bottom nastavuje nebo vrací spodní pozici umístěného prvku.
Tato vlastnost určuje spodní pozici prvku včetně odsazení, posuvníku, ohraničení a okraje.
Tip: Umístěný prvek je prvek s vlastností position nastavenou na: relativní, absolutní nebo pevná.
Tip: Chcete-li nastavit nebo vrátit horní pozici umístěného prvku, použijte vlastnost top .
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
bottom | Yes | Yes | Yes | Yes | Yes |
Syntax
Vraťte spodní vlastnost:
object.style.bottom
Nastavte vlastnost bottom:
object.style.bottom = "auto|length|%|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
auto | Lets the browser set the bottom position. This is default |
length | Defines the bottom position in length units. Negative values are allowed |
% | Sets the bottom position in % of the height of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technické údaje
Výchozí hodnota: | auto |
---|---|
Návratová hodnota: | Řetězec představující spodní pozici umístěného prvku |
Verze CSS | CSS2 |
Další příklady
Příklad
Nastavte spodní pozici prvku <div>:
document.getElementById("myDiv").style.bottom = "10px";
Příklad
Použití záporných hodnot – Nastavte spodní pozici prvku <div>:
document.getElementById("myDiv").style.bottom = "-100px";
Příklad
Vraťte spodní pozici prvku <div>:
alert(document.getElementById("myDiv").style.bottom);
Související stránky
CSS tutoriál: CSS Positioning
CSS reference: vlastnost bottom
❮ Objekt stylu