CSS - flex-direction
Die Flex-Richtung-Eigenschaft gibt die Richtung der flexiblen Elemente an.
Beispiel
div {
flex-direction: row-reverse;
}
Definition und Verwendung
- Standard Wert:
- row
- CSS Version:
- CSS3
- Vererbt sich:
- Nein
- Animierbar:
- Nein
- -webkit-:
- -webkit-flex-direction
- -moz-:
- -moz-flex-direction
Browser Unterstützung
Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein
Mögliche Werte
Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.
| Wert | Beschreibung |
|---|---|
| column | Die flexiblen Elemente werden vertikal angezeigt, wie eine Säule. |
| column-reverse | Das gleiche wie column-reverse, aber in umgekehrter Reihenfolge. |
| row | Standardwert. Die flexiblen Elemente werden horizontal, als Zeile angezeigt. |
| row-reverse | Das gleiche wie row, aber in umgekehrter Reihenfolge. |
| initial | Setzt diese Eigenschaft auf den Standardwert. |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. |