CSS/Eigenschaften/bottom

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft bottom 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
  • Defaultwert: auto
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung nein
animierbar nein
Beispiel
footer {
  position: absolute;
  left: 5em;
  bottom:2em;
}
Die aside-Box wird absolut positioniert, also aus dem Elementfluss herausgenommen. Dann wird die Position mit bottom und left 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.

Weblinks

Siehe auch