Propiedades: Flex Items
Propiedades de los elementos HIJOS (flex items )
| Proiedad / valores | Descripción |
|---|---|
| align-self auto | flex-start | flex-end | center | baseline | stretch; .item {
align-self: flex-start;
}
|
Reposiciona elementos individuales relativamente al eje transversal (cross). Normalmente se trata de elementos posicionados con align-items. |
| flex-grow número | initial | inherit; .item {
flex-grow: 2;
}
|
Define cuánto puede aumentar (crecer) un elemento flex, si fuera necesario. Valor por defecto: 0 |
| flex-shrink número | initial | inherit; .item{
flex-shrink: 2;
}
|
Define cuánto puede disminuir (contraerse) un elemento flex, si fuera necesario. Valor por defecto: 1 |
| flex-basis número | auto | initial | inherit; .item {
flex-basis: auto;
}
|
Especifica el valor inicial del tamaño principal de un elemento flex. Valor por defecto: auto |
| flex none | flex-grow [flex-shrink] [flex-basis]; .item {
flex: 0 1 auto;
}
|
La forma abreviada (shorthand) para Un solo valor sin unidad se refiere a flex-grow y con unidad en % ó em a flex-basis |
| order número | initial | inherit; .item {
order: 2;
}
|
Se utiliza para cambiar el orden en el que aparecen los elementos individuales. |