Style -Top- Eigenschaft
Beispiel
Legen Sie die oberste Position eines <button>-Elements fest:
document.getElementById("myBtn").style.top = "100px";
Definition und Verwendung
Die top-Eigenschaft legt die oberste Position eines positionierten Elements fest oder gibt sie zurück.
Diese Eigenschaft gibt die oberste Position des Elements an, einschließlich Polsterung, Bildlaufleiste, Rahmen und Rand.
Tipp: Ein positioniertes Element ist ein Element, dessen Positionseigenschaft auf relativ, absolut oder fest eingestellt ist.
Tipp: Um die untere Position eines positionierten Elements festzulegen oder zurückzugeben, verwenden Sie die Eigenschaft bottom .
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
top | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die oberste Eigenschaft zurück:
object.style.top
Legen Sie die oberste Eigenschaft fest:
object.style.top = "auto|length|%|initial|inherit"
Eigenschaftswerte
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
Standardwert: | Auto |
---|---|
Rückgabewert: | Ein String, der die oberste Position eines positionierten Elements darstellt |
CSS-Version | CSS2 |
Mehr Beispiele
Beispiel
Verwenden negativer Werte - Legen Sie die oberste Position eines <div>-Elements fest:
document.getElementById("myDiv").style.top = "-100px";
Beispiel
Gibt die oberste Position eines <div>-Elements zurück:
alert(document.getElementById("myDiv").style.top);
Verwandte Seiten
CSS-Tutorial: CSS-Positionierung
CSS-Referenz: Top-Eigenschaft
❮ Style-Objekt