Style flexDirection- Eigenschaft
Beispiel
Ordnen Sie die Richtung der flexiblen Elemente innerhalb des <div>-Elements neu an:
document.getElementById("main").style.flexDirection = "column-reverse";
Definition und Verwendung
Die Eigenschaft flexDirection legt die Richtung der flexiblen Elemente fest oder gibt sie zurück.
Hinweis: Wenn das Element kein flexibles Element ist, hat die Eigenschaft flexDirection keine Wirkung.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
flexDirection | Yes | 11.0 | Yes | 9.0 | Yes |
Syntax
Geben Sie die flexDirection-Eigenschaft zurück:
object.style.flexDirection
Legen Sie die flexDirection-Eigenschaft fest:
object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
row | Default value. The flexible items are displayed horizontally, as a row |
row-reverse | Same as row, but in reverse order |
column | The flexible items are displayed vertically, as a column |
column-reverse | Same as column, but in reverse order |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | Reihe |
---|---|
Rückgabewert: | Ein String, der die Flex-Direction-Eigenschaft eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: Flex-Direction-Eigenschaft
HTML-DOM-STIL Referenz: Flex-Eigenschaft
HTML-DOM-STIL Referenz: flexBasis-Eigenschaft
HTML-DOM-STIL Referenz: flexFlow-Eigenschaft
HTML-DOM-STIL Referenz: flexGrow-Eigenschaft
HTML-DOM-STIL Referenz: flexShrink-Eigenschaft
HTML-DOM-STIL Referenz: flexWrap-Eigenschaft
❮ Style-Objekt