mozilla
Your Search Results

    top

    Ü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.

    • Standardwert auto
    • Anwendbar auf positionierte Elemente
    • Vererbt Nein
    • Prozentwerte bezieht sich auf die Breite des äusseren Elements
    • Medium visuell
    • Berechneter Wert if specified as a length, the corresponding absolute length; if specified as a percentage, the specified value; otherwise, auto
    • Animierbar Ja, als Längenangabe, Prozentsatz oder float
    • Canonical order the unique non-ambiguous order defined by the formal grammar

    Syntax

    top: <length> | <percentage> | auto
    

    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.

    Beispiele

    element { 
        position: absolute;
        top: 20px; 
        height: 200px;
        border: 1px solid #000;
    }
    

    Spezifikation

    Specification Status Anmerkung
    CSS Transitions Working Draft top annimierbar
    CSS Level 2 (Revision 1) Recommendation Standartwert

    Browser Kompatibilität

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Basic support (Yes) 1.0 (1.7 or earlier) (Yes) (Yes) (Yes)
    Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Basic support ? ? ? ? ? ?

     

    Siehe auch

    Document Tags and Contributors

    Schlagwörter: 
    Contributors to this page:
    Last updated by: SJW,
    Hide Sidebar