O melhor tutorial box-align CSS3 propriedade em 2024. Neste tutorial você pode aprender Exemplos,Suporte a navegadores,Atributo definições e instruções,gramática,exemplos on-line,
O elemento filho do div usando tanto a caixa-align e propriedades da caixa-pack centrados:
Actualmente, todos os principais navegadores não suportam a propriedade box-align.
Internet Explorer 10 pelo suporte de propriedade -ms-flex-align privado.
Firefox pela propriedade privada - MOZ-box-align apoio.
Safari e Chrome pelo apoio propriedade -webkit-box-align privado.
Nota: Internet Explorer 9 e versões anteriores não caixa de elasticidade IE apoiar.
atributo align box caixa- especifica como elementos filhos estão alinhados.
padrão: | trecho |
---|---|
herança: | não |
versão: | CSS3 |
sintaxe JavaScript: | objeto .style.boxAlign = "center" |
valor | explicação |
---|---|
começo | Para as caixas de sentido normal, a borda superior de cada elemento de criança é colocado ao longo da parte superior da caixa. Na caixa ao longo do fundo do caso inverso, a borda inferior de cada sub-elemento |
final | Para as caixas de sentido normal, a borda superior de cada elemento de criança é colocado ao longo da parte inferior da caixa. caixa de sentido inverso, a parte inferior de cada sub-elemento é colocado ao longo da parte superior da caixa |
centro | Qualquer espaço extra é dividido de forma uniforme, mais de metade dos elementos da criança no topo, o resto das sub-elementos na outra metade |
baseline | Se a caixa de-Orient é incorporado uniaxial ou transversal, todos os sub-elementos são colocados no seu alinhamento da linha de base |
trecho | Elementos filho esticar para preencher o bloco contendo |
Alterar o valor de um alinhamento caixa de elemento
Este exemplo demonstra como usar o JavaScript para alterar o valor de um elemento da caixa-align.