Vlastnosť-skratka flex v CSS
Vlastnosť flex predstavuje skratku
pre vlastnosti pribúdania, zmršťovania a veľkosti.
Poradie skratkovaných vlastností je dôležitý
a je nasledovný: flex-grow, flex-shrink,
flex-basis. Vlastnosti je možné vynechať
od konca, v takom prípade nadobudnú hodnotu
predvolenú.
Prepíšte nasledujúci kód pomocou vlastnosti-skratky
flex:
.child {
flex-basis: 100px;
flex-grow: 1;
flex-shrink: 2;
}
Prepíšte nasledujúci kód pomocou vlastnosti-skratky
flex:
.child {
flex-shrink: 0.5;
flex-grow: 2;
}
Prepíšte nasledujúci kód pomocou vlastnosti-skratky
flex:
.child {
flex-shrink: 0.5;
flex-grow: 1;
}
Prepíšte nasledujúci kód pomocou skratkovaných vlastností:
.child {
flex: 1 2 200px;
}
Prepíšte nasledujúci kód pomocou skratkovaných vlastností:
.child {
flex: 2 0.7;
}
Prepíšte nasledujúci kód pomocou skratkovaných vlastností:
.child {
flex: 3;
}
