Flex
Attribute
Das flex Element unterstützt die folgenden Attribute:
| Attribut | Typ | Standardwert | Beschreibung |
|---|---|---|---|
aligncontent |
FlexItemAlignment |
stretch |
The alignment of flex items along the cross axis when there is extra space in the cross axis as a result of wrapping. |
alignitems |
FlexItemSimpleAlignment |
stretch |
The alignment of the flex items along the cross axis. |
columngap |
LengthPercentage |
0 |
The size of the gap between flex columns as length percentage value. |
flexdirection |
FlexDirection |
row |
The direction flex items are placed in the flex container. This is the main axis of the container. |
flexwrap |
FlexWrap |
nowrap |
Defines whether the flex items are forced in a single line or wrapped into multiple lines if neccessary. |
justifycontent |
FlexItemAlignment |
stretch |
The alignment of the flex items along the main axis. |
maxheight |
LengthPercentage | None |
none |
Sets a maximum height of this flex container as length percentage value. The special value none is the default value and means that there should be no upper bound on the height of the flex container. |
minheight |
LengthPercentage | Auto |
auto |
Sets a minimum height of this flex container as length percentage value. The special value auto is the default value and means that the application will calculate and select a minimum height. |
name |
xs:Name |
- | Name des Elements. Dieser muss eindeutig unter allen Elementen in der Kursvariante sein. |
rowgap |
LengthPercentage |
0 |
The size of the gap between rows as length percentage value. |
tags |
TokenList |
Durch Leerzeichen getrennte Liste von Etiketten, welches dieses Element haben soll. |
Das flexitem Element unterstützt die folgenden Attribute:
| Attribut | Typ | Standardwert | Beschreibung |
|---|---|---|---|
alignself |
FlexItemSimpleAlignment | Auto |
auto |
When this has a value other than "auto", it overrides this flex item's alignitems value in the surrounding flex container. |
flexbasis |
LengthPercentage | Auto |
auto |
Initial main size of this flex item as length percentage value or "auto", which means that the size is automatically calculated. |
flexgrow |
xs:decimal |
0 |
Specifies how much of the remaining space in the flex container should be assigned to this item. |
flexshrink |
xs:decimal |
1 |
Flex shrink factor of this flex item. |
maxwidth |
LengthPercentage | None |
none |
Maximal width of this flex item. The special value "none" means that there should be no limit on the width of the flex item. |
minwidth |
LengthPercentage | Auto |
auto |
Minimum width of this flex item. The special value "auto" means that the application will calculate and select a minimum width. |
name |
xs:Name |
- | Name des Elements. Dieser muss eindeutig unter allen Elementen in der Kursvariante sein. |
order |
xs:integer |
0 |
The order of this item in the flex container. |
tags |
TokenList |
Durch Leerzeichen getrennte Liste von Etiketten, welches dieses Element haben soll. |