<position>

├ťbersicht

Der <position> CSS Datentyp beschreibt eine Koordinate im 2D-Raum, die dazu verwendet wird, die Position relativ zu einer Box zu setzen.

Eine bestimmte Position kann durch zwei Schl├╝sselw├Ârter mit bestimmten Vers├Ątzen angegeben werden. Ein Schl├╝sselwort repr├Ąsentiert einen Rand der Elementbox oder die Mittellinie zwischen zwei R├Ąndern: left, right, top, bottom oder center (was entweder die Mitte zwischen dem linken und rechten Rand repr├Ąsentiert oder die Mitte zwischen dem oberen und unteren Rand, abh├Ąngig vom Kontext).

This is an experimental API that should not be used in production code. Ein Versatz kann entweder ein relativer Wert sein, ausgedr├╝ckt durch einen <percentage> Wert, oder ein absoluter <length> Wert. Positive Werte werden nach rechts oder unten versetzt, je nachdem, was zutrifft. Negative Werte werden in die anderen Richtungen versetzt.

Die endg├╝ltige Position, die durch den <position> Wert beschrieben wird, muss nicht innerhalb der Elementbox liegen.

Falls ein Versatz ohne zugeh├Âriges Schl├╝sselwort angegeben wurde, wird f├╝r es center angenommen.

Interpolation

Die Werte f├╝r die Abzisse und die Ordinate werden unabh├Ąngig voneinander interpoliert. Da die Geschwindigkeit f├╝r beide durch dieselbe <timing-function> (en-US) definiert wird, folgt der Punkt einer Linie.

Werte

/* 1-Wert-Syntax */
Schl├╝sselwort                  /* Der zugeh├Ârige Rand, die andere Richtung verweist auf center, die Mitte des Randes. */
<length> oder <percentage> /* Die Position auf der x-Achse, 50% f├╝r die y-Achse. */

/* 2-Werte-Syntax */
Schl├╝sselwort Schl├╝sselwort          /* Ein Schl├╝sselwort f├╝r jede Richtung, die Reihenfolge ist unwichtig. */
Schl├╝sselwort Wert            /* Der Wert ist der Versatz f├╝r den Rand, der durch das Schl├╝sselwort definiert wird. */

Formale Syntax

[ [ left | center | right | top | bottom | <percentage> | <length> ] |
                  [ left | center | right | <percentage> | <length> ] [ top | center | bottom | <percentage> | <length> ] |
                  [ center | [ left | right ] [ <percentage> | <length> ]? ] &&
                  [ center | [ top | bottom ] [ <percentage> | <length> ]? ]
                ]

Spezifikationen

Spezifikation Status Kommentar
CSS Values and Units Module Level 3
Die Definition von '<position>' in dieser Spezifikation.
Anw├Ąrter Empfehlung Listed die Links zu beiden Definitionen auf mit der Voraussetzung, dass diese koherent sind: falls CSS Backgrounds and Borders Module Level 3 unterst├╝tzt wird, muss deren Definition von <position> ebenfalls verwendet werden.
CSS Backgrounds and Borders Module Level 3
Die Definition von '<position>' in dieser Spezifikation.
Anw├Ąrter Empfehlung Definiert <position> explizit und erweitert es um die Unterst├╝tzung von Vers├Ątzen von einem beliebigen Rand.
CSS Level 2 (Revision 1)
Die Definition von '<position>' in dieser Spezifikation.
Empfehlung Erlaubt die Kombination von einem Schl├╝sselwort mit einem <length> oder einem <percentage> Wert.
CSS Level 1
Die Definition von '<position>' in dieser Spezifikation.
Empfehlung Definiert <position> anonym als Wert von background-position.

Browser Kompatibilit├Ąt

BCD tables only load in the browser