HTML and CSS Reference
In-Depth Information
Setting a larger
box-flex
value on
certain elements causes them to
take up an increasing proportion
of the spare space:
div div:nth-child(2) {
box-flex: 2;
}
div div:nth-child(4) {
box-flex: 3;
}
Flexboxes allow elements to be
displayed in a different order than
their position in the markup:
div div {
box-ordinal-group: 2;
}
div div:nth-child(5) {
box-ordinal-group: 1;
}
Because the fifth child is set to be
ordinal-group: 1
, it appears before
all the elements that are
ordinal-group:
2
.
Full
Partial
-
2.0
-
2.0
-
10.0
-
-
-
3.1
