CSS/Eigenschaften/top

Aus SELFHTML-Wiki
< CSS‎ | Eigenschaften(Weitergeleitet von Top)
Wechseln zu: Navigation, Suche

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

Weblinks