CSS/Eigenschaften/Positionierung/right

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Angabe right (Startposition von rechts) bestimmt, wo die rechte Begrenzung eines positionierten Elementes verläuft.

  • CSS 1.0
  • CSS 2.1
  • IE
  • Firefox
  • Chrome
  • Safari
  • Opera
Beispiel ansehen …
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>right</title>
    <style>
      main {
        position: relative;
      }
      aside {
        background-color: #F1F3F4;
        height: 200px;
        position: absolute;
        top: 100px;
        width: 350px;
      }
      img {
        position: absolute;
        right: 0;
      }
    </style>
  </head>
  <body>
    <h1>Verwendung von <code>right</code></h1>
    <main>
      <h2>rechtsbündige Hunde</h2>
      <p>
        <img src="http://wiki.selfhtml.org/images/3/31/Hund.gif" width="208" height="181" alt="Hund">
      </p>
      <aside>
        <p>
          <img src="http://wiki.selfhtml.org/images/3/31/Hund.gif" width="208" height="181" alt="Hund">
        </p>
      </aside>
    </main>
  </body>
</html>
Die Angabe main {position: relative;} legt das main-Element als Bezugs„punkt“ für die absolute Positionierung fest.

Mit right können Sie die Startposition von rechts bestimmen. Erlaubt sind dabei folgende Angaben:

Beachten Sie: Die Angabe right gilt nur für Elemente, deren position-Wert relative, absolute oder fixed ist.
Die Angabe ist der Abstand des rechten Randes des Elements zum rechten Rand seines Bezugselementes, ggf. zuzüglich eines margin-right des Elements. Ein rechter Innenabstand des Bezugselements wird hingegen nur berücksichtigt, wenn für right kein konkreter Abstand angegeben wurde (also right: auto;).

[Bearbeiten] Weblinks

Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Index
Mitmachen
Werkzeuge
Spenden
SELFHTML