top

Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen.

Übersicht

Die top Eigenschaft macht eine Angabe zur Position von Elementen und wird daher zusammen mit der position Eigenschaft notiert, wenn für die Positionsart der Wert absolute, fixed oder relative definiert wurde.

Bei absolut positionierten Elementen (position: absolute oder position: fixed) wird der Abstand zwischen der oberen, äußeren Kante (margin edge) des Elements und der oberen Kante des umschließenden Blocks definiert.

Bei relativ positionierten Elementen (position: relative) wird das Element aus seiner normalen Position im Elementfluss verschoben. Dabei gilt: Wenn die top Eigenschaft definiert wurde, überschreibt diese den Wert der bottom Eigenschaft. Wenn top den Wert auto besitzt, ist der berechnete Wert für bottom gleich dem Wert der top Eigenschaft mit umgedrehtem Vorzeichen.
Wenn beide Eigenschaften nicht den Wert auto besitzen, wird bottom ignoriert und auf auto gesetzt.

Initialwertauto
Anwendbar aufpositionierte Elemente
VererbtNein
Prozentwertebezieht sich auf die Breite des äußeren Elements
Medienvisuell
Berechneter Wertfalls als Länge angegeben, die zugehörige absolute Länge; falls als Prozentwert angegeben, der angegebene Wert; ansonsten auto
Animierbarja, als Längenangabe, Prozentsatz oder calc(); wenn beides Längenwerte sind, werden sie als Längenwerte gehandhabt. Wenn beides Prozentsätze sind, werden sie als Prozentsätze gehandhabt. Ansonsten werden beide Werte wie in einer calc() Funktion addiert (Wird ggf. zu Null), and these calc() functions have each half interpolated as real numbers.
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

Syntax

Werte

<Länge>
Eine Längenangabe, die positive und negative Werte sowie Null erlaubt.
<Prozentzahl>
Eine prozentuale Angabe, die sich auf den umschließenden Block bezieht. Die Prozentangabe kann nur berücksichtigt werden, wenn die Höhe des umschließenden Blocks festgelegt wurde, andernfalls wird die definierte Prozentzahl wie auto behandelt.
auto
Standardwert. Die vertikale Position des Elementes wird nicht weiter beeinflusst, es sei denn durch bottom, margin, padding oder durch die Höhe.
inherit
Der Wert des Elternelements wird geerbt.

Formale Syntax

<length> | <percentage> | auto

Beispiel

element { 
  position: absolute;
}

Spezifikation

Spezifikation Status Anmerkung
CSS Transitions
Die Definition von 'top' in dieser Spezifikation.
Arbeitsentwurf Definiert top als animierbar
CSS Level 2 (Revision 1)
Die Definition von 'top' in dieser Spezifikation.
Empfehlung Ursprüngliche Definition

Browser Kompatibilität

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari
Grundlegende Unterstützung (Ja) 1.0 (1.7 oder früher) (Ja) (Ja) (Ja)
Merkmal Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Grundlegende Unterstützung ? ? ? ? ? ?

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: Sebastianz, fscholz, SJW, The Witcher
 Zuletzt aktualisiert von: Sebastianz,