Propriedade Style alignSelf

Definição e Uso

alignSelf A propriedade define o alinhamento do item selecionado dentro do contêiner flexível.

Notas:A propriedade alignSelf sobrepõe a propriedade align-items do contêiner flexível Propriedade alignItems.

Exemplo

Defina o alinhamento de um item dentro de um elemento flexível para se adaptar ao contêiner:

document.getElementById("myBlueDiv").style.alignSelf = "stretch";

Experimente você mesmo

Sintaxe

Retornar a propriedade alignSelf:

object.style.alignSelf

Definir a propriedade alignSelf:

object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"

Valor da Propriedade

Valor Descrição
auto Padrão. O elemento herda a propriedade align-items do contêiner flexível, se não houver contêiner pai, então é "stretch".
stretch O elemento é esticado para se adaptar ao contêiner.
center O elemento está no centro do contêiner.
flex-start O elemento está no início do contêiner.
flex-end O elemento está no final do contêiner.
baseline O elemento está na linha de base do contêiner.
initial Defina essa propriedade para seu valor padrão. Veja também initial.
inherit Herda essa propriedade do elemento pai. Veja também inherit.

Detalhes Técnicos

Valor Padrão: auto
Valor de Retorno: cadeia de caracteres, que representa o align-self propriedade.
Versão do CSS: CSS3

Suporte do Navegador

alignItems é uma característica CSS3 (1999).

Todos os navegadores suportam completamente ele:

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-self propriedade

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

Manual de referência do HTML DOM STYLE:Propriedade alignItems