Estilo alignItems propriedade

Definição e Uso

alignItems A propriedade define o alinhamento padrão dos itens dentro do contêiner flexível.

Dica:Use a propriedade de cada item align-self propriedade para cobrir align-items propriedade.

Exemplo

Posicione a alinhamento dos itens de todos os elementos <div> flexíveis no início do contêiner:

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

Experimente você mesmo

Sintaxe

Retornar alignItems propriedade:

objeto.style.alignItems

Definir alignItems propriedade:

objeto.style.alignItems = "stretch|center|flex-start|flex-end|linha de base|initial|inherit"

Valor da propriedade

Valor Descrição
stretch Padrão. Os itens são esticados para se adaptar ao contêiner.
center Os itens ficam no centro do contêiner.
flex-start Os itens ficam no início do contêiner.
flex-end Os itens ficam no extremo do contêiner.
linha de base Os itens são posicionados na linha de base do contêiner.
initial Defina essa propriedade para seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: stretch
Retorno: Cadeia de caracteres, que representa o align-items propriedade.
Versão do CSS: CSS3

Suporte do Navegador

alignItems é uma característica do CSS3 (1999).

Todos os navegadores suportam completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Suporte Suporte Suporte Suporte Suporte 11

Páginas Relacionadas

Manual de Referência CSS:align-items propriedade

Manual de referência do HTML DOM STYLE:Atributo alignContent

Manual de referência do HTML DOM STYLE:Atributo alignSelf