box-flex CSS3 propriedade
Exemplos
Definir dois elementos p flexíveis. Se a largura total da caixa de pai é de 300 px, # P1 irá ter uma largura de 100 pixels, # P2 terá uma largura de 200 px:
{
-moz-box-flex:1.0; /* Firefox */
-webkit-box-flex:1.0; /* Safari and Chrome */
-ms-flex:1.0; /* Internet Explorer 10 */
box-flex:1.0;
border:1px solid red;
}
#p2
{
-moz-box-flex:2.0; /* Firefox */
-webkit-box-flex:2.0; /* Safari and Chrome */
-ms-flex:2.0; /* Internet Explorer 10 */
box-flex:2.0;
border:1px solid blue;
}
tente »
Suporte a navegadores
O navegador mainstream atual não suporta a propriedade box-flex.
Internet Explorer 10 propriedade privada com o apoio -ms-flex.
Firefox pelo apoio-the-box flexível -moz propriedade privada.
Safari e Chrome pelo apoio-the-box flexível -webkit propriedade privada.
Nota: Internet Explorer 9 e versões anteriores do IE não suporta a caixa flexível.
Atributo definições e instruções
atributo da caixa de-flex especifica elemento da caixa de criança é o tamanho flexível ou fixo.
Dica: Com acaixa de encolher e crescer, se o elemento é um psiquiatra flexível ou crescer. Sempre que há espaço extra na caixa, os elementos flexíveis expandir-se para preencher o espaço.
padrão: | 0,0 (indicando que o elemento não é flexível) |
---|---|
herança: | não |
versão: | CSS3 |
sintaxe JavaScript: | objeto .style.boxFlex = 2,0 |
gramática
valor | descrição |
---|---|
valor | elementos de flexibilidade. Todos Flex é relativo |