Exemplo
Centralizar os alinhamentos para um dos itens dentro de um elemento flexível:
#myBlueDiv
{
-webkit-align-self: center; /* Safari 7.0+ */
align-self: center;
}
Tente você mesmo " Definição e Uso
A propriedade align-auto especifica o alinhamento para o item selecionado dentro do recipiente flexível.
Note: A propriedade align-self substitui alinhar-itens de propriedade do recipiente flexível.
| Valor padrão: | auto |
|---|---|
| Herdado: | no |
| Animatable: | no. Read about animatable |
| Versão: | CSS3 |
| sintaxe JavaScript: | object .style.alignSelf="center" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
Números seguidos de -webkit- especificar a primeira versão que trabalhou com um prefixo.
| Propriedade | |||||
|---|---|---|---|---|---|
| align-self | 21,0 | 11.0 | 20,0 | 9 7.0 -webkit- | 12.1 |
CSS Syntax
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| auto | Padrão. O elemento herda alinhar-itens de propriedade do seu contêiner pai, ou "stretch" se ele tem nenhum container pai | Jogue " |
| stretch | O elemento é posicionado para encaixar o recipiente | Jogue " |
| center | O elemento é posicionado no centro do recipiente | Jogue " |
| flex-start | O elemento é posicionado estão no início do recipiente | Jogue " |
| flex-end | O elemento é posicionado na extremidade do recipiente | Jogue " |
| baseline | O elemento é posicionado na linha de base do recipiente | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
CSS Referência: align-content property
CSS Referência: align-items property
HTML DOM de referência: alignSelf property