Skip to content

Modificador alinhar itens

gabicoiradas edited this page Aug 7, 2023 · 3 revisions

O modificador FolEs alinhar-itens define o valor da propriedade alinhar-se em todos os elementos filhos.

No flexbox, o modificador controla o alinhamento dos itens no Eixo Cruzado. No layout de grade, controla o alinhamento dos itens no Eixo do Bloco, dentro de sua própria área.

Sintaxe

/* Valores básicos */
alinhar-itens: normal;
alinhar-itens: esticar;

/* Valores de posição */
/* O modificador não aceita os valores 'esquerda' e 'direita' */
alinhar-itens: centro;
alinhar-itens: início;
alinhar-itens: fim;
alinhar-itens: flex-início;
alinhar-itens: flex-fim;
alinhar-itens: auto-início;
alinhar-itens: auto-fim;

/* Valores de linha de base */
alinhar-itens: início-linha-base;
alinhar-itens: fim-linha-base;
alinhar-itens: linha-base;
alinhar-itens: seguro centro;
alinhar-itens: inseguro centro;

/* Valores globais */
alinhar-itens: herdar;
alinhar-itens: inicial;
alinhar-itens: reverter;
alinhar-itens: reverter-camada;
alinhar-itens: desarmar;

Tradução para CSS

alinhar-itens é traduzido para align-items.

Clone this wiki locally