CSS/Eigenschaften/top

Die Eigenschaft top legt die obere Position positionierter Elemente fest

Erlaubte Werte

• ein Längenangabe wie 4.5cm oder 300px
• eine Prozentangabe = bezieht sich auf die Höhe des umschließenden Blocks. Negative Werte sind erlaubt.
• auto = Voreinstellung, keine besondere Startposition
• inherit = erbt die entsprechende Angabe des Elternelements

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

auto

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

nein

Beispiel

aside {
  position: absolute;
  right: 5em;
  top:2em;
}

Die aside-Box wird absolut positioniert, also aus dem Elementfluss herausgenommen. Dann wird die Position mit top und right festgelegt.

Empfehlung: Wenn Sie Elemente absolut positionieren, wird das Elternelement, das mit position: relative; ausgezeichnet ist, als Bezugspunkt genommen. Fehlt diese Zuweisung, ist der Bezugspunkt das html-Element.

Siehe auch

• CSS/Tutorials/Ausrichtung
  • top

Weblinks

• Spezifikation (W3C): Box Insets: the top, right, bottom, left, inset-block-start, inset-inline-start, inset-block-end, and inset-inline-end properties