Cajas flexibles

11 0 0
                                    

display: Tipo de caja. "flex;","inline-flex;".

flex-flow: Propiedad compuesta. "flex-direction;","flex-wrap;".

flex-direction: Dirección de la caja. "row;","row-reverse;","column;"."column-reverse;".

flex-wrap: Ajuste de la linea. "wrap;", "no-wrap;", "wrap-reverse;".

orden: Número de orden.

flex: Propiedad que determina la cantidad de elementos flexibles en una caja para ajustar sus dimensiones y proporción. "flex-grow;", "flex-shrink;", "flex-basic;".

flex-grow: factor de expansión de la caja.

flex-shrink: Factor de comprensión.

flex-basic: tamaño inicial. Ajustado de manera automática, por cantidad de casillas dentro de la caja, por anchura (width) con cm, pixeles o % en proporción de la pantalla.

justify-content: Alineacion de direccion principal. "flex-start;" (al inicio de la caja), "flex-end;"(al final de la caja), "center;"(En el centro de la caja).

align-item: Alineación de casillas, objetos dentro de la caja."flex-start;", "flex-end;", "center;".

align-self: alineación individual en una dirección secundaria."flex-start;", "flex-end;", "center;".

align-content: alineación de la dirección secundaria. "flex-start;", "flex-end;", "center;".

Diccionario CSS | Guía rápida de lenguajes de etiqueta 2Donde viven las historias. Descúbrelo ahora