box-direction CSS property
Deprecated
Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.
Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.
Warnung:
Dies ist eine Eigenschaft des ursprünglichen CSS Flexible Box Layout-Modulentwurfs und wurde durch einen neueren Standard ersetzt. Der -moz-box-direction wird nur für XUL verwendet, während der vorherige Standard box-direction durch flex-direction ersetzt wurde. Siehe Flexbox für Informationen über den aktuellen Standard.
Die box-direction CSS-Eigenschaft gibt an, ob ein Box-Element seine Inhalte normal (von der oberen oder linken Kante) oder umgekehrt (von der unteren oder rechten Kante) anordnet.
Syntax
/* Keyword values */
box-direction: normal;
box-direction: reverse;
/* Global values */
box-direction: inherit;
box-direction: initial;
box-direction: revert;
box-direction: revert-layer;
box-direction: unset;
Werte
Diese Eigenschaft wird als einer der folgenden Schlüsselwortwerte angegeben:
Hinweise
Die Kante der Box, die für Layout-Zwecke als Start festgelegt ist, hängt von der Ausrichtung der Box ab:
- Für horizontale Elemente ist der Start die obere Kante.
- Für vertikale Elemente ist der Start die linke Kante.
Die gegenüberliegende Kante des Starts wird als Ende bezeichnet.
Wenn die Richtung mit dem dir-Attribut des Elements festgelegt wird, wird der Stil ignoriert.
Formale Definition
| Anfangswert | normal |
|---|---|
| Anwendbar auf | Elemente mit einem CSS display Wert von box oder inline-box |
| Vererbt | Nein |
| Berechneter Wert | wie angegeben |
| Animationstyp | diskret |
Formale Syntax
box-direction =
normal |
reverse
Beispiele
Festlegung der Box-Richtung
.example {
/* bottom-to-top layout */
-moz-box-direction: reverse; /* Mozilla */
-webkit-box-direction: reverse; /* WebKit */
box-direction: reverse; /* As specified */
}
Spezifikationen
Teil keiner Norm.