Exemplo
Posicione os alinhamentos para todos os itens do flexível <div> elemento no início do recipiente:
// Code for Safari 7.0+
document.getElementById("main").style.WebkitAlignItems = "flex-start";
// Standard syntax
document.getElementById("main").style.alignItems =
"flex-start"; Tente você mesmo " Definição e Uso
A propriedade alignItems especifica o alinhamento padrão para itens dentro do recipiente flexível.
Tip: Use a propriedade align-self de cada item para substituir a propriedade ALIGN-itens.
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
Números seguidos de Webkit especificar a primeira versão que trabalhou com um prefixo.
| Propriedade | |||||
|---|---|---|---|---|---|
| alignItems | 21,0 | 11,0 | 20,0 | 7,0 Webkit | 12.1 |
Nota: Safari apoiar uma alternativa, a propriedade WebkitAlignItems.
Sintaxe
Devolver o imóvel alignItems:
object .style.alignItemsDefina a propriedade alignItems:
object .style.alignItems="stretch|center|flex-start|flex-end|baseline|initial|inherit"
Valores de propriedade
| Valor | Descrição |
|---|---|
| stretch | Padrão. Os produtos são esticados para se ajustar ao recipiente |
| center | Os produtos são posicionadas no centro do recipiente |
| flex-start | Os produtos são posicionados no início do recipiente |
| flex-end | Os produtos são posicionados na extremidade do recipiente |
| baseline | Os produtos são posicionados na linha de base do recipiente |
| initial | Define essa propriedade para seu valor padrão. Leia sobre inicial |
| inherit | Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar |
Detalhes técnicos
| Valor padrão: | esticam |
|---|---|
| Valor de retorno: | A String, representando o ALIGN-itens propriedade de um elemento |
| CSS Versão | CSS3 |
Páginas relacionadas
Referência CSS: align-items property
HTML DOM estilo de referência: alignContent property
HTML DOM estilo de referência: alignSelf property
<Estilo de objeto