Stijl top Property
Voorbeeld
Stel de bovenste positie van een <button>-element in:
document.getElementById("myBtn").style.top = "100px";
Definitie en gebruik
De eigenschap top bepaalt of retourneert de bovenste positie van een gepositioneerd element.
Deze eigenschap specificeert de bovenste positie van het element, inclusief opvulling, schuifbalk, rand en marge.
Tip: Een gepositioneerd element is een element waarvan de position-eigenschap is ingesteld op: relatief, absoluut of vast.
Tip: Gebruik de eigenschap bottom om de onderste positie van een gepositioneerd element in te stellen of terug te zetten .
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
top | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de bovenste eigenschap:
object.style.top
Stel de bovenste eigenschap in:
object.style.top = "auto|length|%|initial|inherit"
Eigendomswaarden
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 |
Technische details
Standaardwaarde: | auto |
---|---|
Winstwaarde: | Een String, die de bovenste positie van een gepositioneerd element vertegenwoordigt |
CSS-versie | CSS2 |
Meer voorbeelden
Voorbeeld
Negatieve waarden gebruiken - Stel de bovenste positie van een <div>-element in:
document.getElementById("myDiv").style.top = "-100px";
Voorbeeld
Retourneert de bovenste positie van een <div> -element:
alert(document.getElementById("myDiv").style.top);
Gerelateerde pagina's
CSS-zelfstudie: CSS-positionering
CSS-referentie: top eigenschap
❮ Stijlobject