Modificador posicionar se

O modificador FolEs posicionar-se é uma propriedade de atribuição abreviada que permite alinhar um item individual ao longo das direções de bloco e linha de uma só vez (ou seja, as propriedades alinhar-se e justificar-se) em um sistema de layout relevante, como Grid ou Flexbox .

Sintaxe

/* Valores específicos */
posicionar-se: auto centro;
posicionar-se: normal início;

/* Alinhamento posicional */
posicionar-se: centro normal;
posicionar-se: início auto;
posicionar-se: fim normal;
posicionar-se: auto-início auto;
posicionar-se: auto-fim normal;
posicionar-se: flex-início auto;
posicionar-se: flex-fim normal;

/* Alinhamento de linha de base */
posicionar-se: linha-de-base normal;
posicionar-se: primeira linha-de-base auto;
posicionar-se: última linha-de-base normal;
posicionar-se: esticar auto;

/* Valores globais */
posicionar-se: herdar;
posicionar-se: inicial;
posicionar-se: reverter;
posicionar-se: reverter-camada;
posicionar-se: desarmar;

Atribuição Abreviada

Esta propriedade é um atalho para as seguintes propriedades FolEs:

• alinhar-se
• justificar-se

Tradução para CSS

posicionar-se é traduzido para place-self.