Styl top Property
Příklad
Nastavte horní pozici prvku <button>:
document.getElementById("myBtn").style.top = "100px";
Definice a použití
Vlastnost top nastavuje nebo vrací horní pozici umístěného prvku.
Tato vlastnost určuje horní 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 spodní pozici umístěného prvku, použijte vlastnost bottom .
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
top | Yes | Yes | Yes | Yes | Yes |
Syntax
Vraťte top vlastnost:
object.style.top
Nastavte nejvyšší vlastnost:
object.style.top = "auto|length|%|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
auto | Lets the browser set the top position. This is default |
length | Defines the top position in length units. Negative values are allowed |
% | Sets the top 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í horní pozici umístěného prvku |
Verze CSS | CSS2 |
Další příklady
Příklad
Použití záporných hodnot – Nastavte horní pozici prvku <div>:
document.getElementById("myDiv").style.top = "-100px";
Příklad
Vraťte horní pozici prvku <div>:
alert(document.getElementById("myDiv").style.top);
Související stránky
CSS tutoriál: CSS Positioning
CSS reference: top vlastnost
❮ Objekt stylu