box-flex CSS3 proprietà
Esempi
Definire due elementi flessibili p. Se la larghezza totale del box genitore è 300px, # P1 avrà una larghezza di 100px, # P2 avrà una larghezza di 200px:
{
-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;
}
Prova »
Supporto per il browser
La corrente del browser corrente principale non supporta proprietà box-flex.
Internet Explorer 10 di proprietà privata dal supporto -ms-Flex.
Firefox dalla proprietà privata supporto-box-flex -moz.
Safari e Chrome di proprietà privata supporto-box-flex -webkit.
Nota: Internet Explorer 9 e versioni precedenti di Internet Explorer non supportano scatola flessibile.
Attributo definizioni e le istruzioni
attributo box-flex specifica elemento di dialogo figlio è formato flessibile o fisso.
Suggerimento: Con lacasella Shrink e crescere, se l'elemento è uno strizzacervelli flessibile o crescere. Qualora vi sia spazio nella scatola, gli elementi flessibili espandono per riempire lo spazio.
predefinito: | 0,0 (che indica che l'elemento non è flessibile) |
---|---|
ereditarietà: | no |
versione: | CSS3 |
sintassi JavaScript: | object .style.boxFlex = 2.0 |
grammatica
valore | descrizione |
---|---|
valore | elementi di flessibilità. Tutto Flex è relativo |