Exemplo
Definir os alinhamentos de um dos itens no interior de um elemento flexível para se ajustar ao recipiente:
// Code for Safari 7.0+
document.getElementById("myBlueDiv").style.WebkitAlignSelf = "stretch";
// Standard syntax
document.getElementById("myBlueDiv").style.alignSelf = "stretch"; Tente você mesmo " Definição e Uso
A propriedade alignSelf especifica o alinhamento para o artigo seleccionado no interior do recipiente flexível.
Note: A propriedade alignSelf substitui propriedade alignItems do recipiente flexível.
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 | |||||
|---|---|---|---|---|---|
| alignSelf | 21,0 | 11,0 | 20,0 | 7,0 Webkit | 12.1 |
Nota: Safari apoiar uma alternativa, a propriedade WebkitAlignSelf.
Sintaxe
Devolver o imóvel alignSelf:
object .style.alignSelfDefina a propriedade alignSelf:
object .style.alignSelf="auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
Valores de propriedade
| Valor | Descrição |
|---|---|
| auto | Padrão. O elemento herda ALIGN-itens de propriedade do seu contêiner pai, ou "stretch" se ele tem nenhum container pai |
| stretch | O elemento é posicionado para encaixar o conatiner |
| center | O elemento é posicionado no centro do recipiente |
| flex-start | O elemento está são posicionados no início do recipiente |
| flex-end | O elemento é posicionado na extremidade do recipiente |
| baseline | O elemento é posicionado 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: | auto |
|---|---|
| Valor de retorno: | Uma corda, que representa a propriedade de auto-alinhamento de um elemento |
| CSS Versão | CSS3 |
Páginas relacionadas
Referência CSS: align-self property
HTML DOM estilo de referência: alignContent property
HTML DOM estilo de referência: alignItems property
<Estilo de objeto