Estilo alignItems atributo

Definición y uso

alignItems El atributo especifica el modo de alineación predeterminado de los elementos dentro del contenedor flexible.

Consejo:Utilice el atributo de cada proyecto align-self atributo para cubrir align-items atributo.

Ejemplo

Coloque la alineación de ubicación de todos los elementos del <div> flexible en el principio del contenedor:

document.getElementById("main").style.alignItems = "flex-start";

Pruebe usted mismo

Sintaxis

Retornar alignItems atributo:

objeto.style.alignItems

Configurar alignItems atributo:

objeto.style.alignItems = "stretch|center|flex-start|flex-end|linea_base|initial|inherit"

Valor del atributo

Valor Descripción
stretch Predeterminado. Los elementos se estiran para ajustarse al contenedor.
center Los elementos se sitúan en el centro del contenedor.
flex-start Los elementos se sitúan en el extremo izquierdo del contenedor.
flex-end Los elementos se sitúan en el extremo derecho del contenedor.
linea_base Los elementos se sitúan en la línea base del contenedor.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: stretch
Valor de retorno: Cadena que representa el align-items atributo.
Versión de CSS: CSS3

Compatibilidad del navegador

alignItems es una característica de CSS3 (1999).

Todos los navegadores lo soportan completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
soporte soporte soporte soporte soporte 11

Páginas relacionadas

Manual de referencia de CSS:align-items atributo

Manual de referencia de HTML DOM STYLE:Atributo alignContent

Manual de referencia de HTML DOM STYLE:Atributo alignSelf