CSS/Eigenschaften/right

Die Eigenschaft right legt die rechte 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

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.

Weblinks

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

Siehe auch

• CSS/Tutorials/Ausrichtung
  • right