English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Die top CSS-Eigenschaft spezifiziert die obere Kante des Elements. Diese Eigenschaft definiert den Abstand zwischen der oberen Außengrenze des positionierten Elements und der oberen Grenze des umschließenden Blocks.
Für relative-Definitionselemente: Wenn top und bottom beide auto sind, haben sie den Wert 0; wenn einer von beiden auto ist, wird der Wert des anderen negiert; wenn beide nicht auto sind, wird bottom den negierten Wert von top übernehmen.
Hinweis: Wenn der Wert der Eigenschaft "position" "static" ist, hat die Festlegung der Eigenschaft "top" keine Auswirkung.
FürAbsolut positioniertElemente, bei denen die top-Eigenschaft den Abstand der Oberkante des Rahmens des Elements zur Oberkante des Inhaltblocks unterhalb der Oberkante des Inhaltblocks angibt.
FürRelativ positioniertElemente, bei denen die top-Eigenschaft den Abstand der Oberkante des Elements zum oberen Rand des Rahmens selbst angibt (d.h., die Position im normalen Fluss wird festgelegt und dann von diesen Eigenschaften abgewichen wird).
Die folgende Tabelle enthält Anweisungen und Versionshistorien der Verwendung dieses Attributes, sowie die Syntax seiner Verwendung in JavaScript-Skripten.
| Standardwert: | auto |
|---|---|
| Geeignet für: | Positionselemente |
| Vererbung: | Nein |
| Animierbar: | Ja.Bitte beziehen Sie sich auf Animationsattribute. |
| Version: | CSS 2、3 |
| JavaScript-Syntax: | object.style.top="60px" |
Die Syntax dieses Attributes ist wie folgt:
top: length | percentage | auto | initial | inherit
Die folgenden Beispiele zeigen, wie die top-Eigenschaft verwendet wird.
p {
position: absolute;
top: 150px;
}Testen Sie es heraus‹/›Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| length | Werte in Einheiten wie px, pt, cm, em usw.; negative Werte sind erlaubt. |
| percentage | Geben Sie einen prozentualen Verschiebewert an. Der Prozentsatz wird in Bezug auf die Höhe des Inhaltblocks berechnet. Negative Prozentwerte sind erlaubt. |
| auto | Die Browser berechnen die Position der Oberkante. Dies ist der Standardwert. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, wird der top-Wert des übergeordneten Elements verwendet. |
Kompatibilität der Browser mit der top-Eigenschaft; die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS-Position,CSS-Ebenen.