box-flex CSS3 własność
Przykłady
Określ dwa elastyczne elementy p. Jeżeli całkowita szerokość pudełka macierzystą o rozmiarze 300, # P1 ma szerokość 100px, # P2 mają szerokość 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;
}
Spróbuj »
Pomoc Browser
Obecny nurt przeglądarka nie obsługuje właściwość box-flex.
Internet Explorer 10 własność prywatna wsparciem -ms-Flex.
Firefox od własności prywatnej pomocy skrzynki-flex -moz.
Safari i Chrome od własności prywatnej pomocy skrzynki-flex -webkit.
Uwaga: Internet Explorer 9 i wcześniejsze wersje IE nie obsługuje elastyczne pudełko.
Atrybut definicje i instrukcje
atrybut box-flex określa elementem okno dziecko jest elastyczny i stały rozmiar.
Wskazówka: W poluShrink i rozwijać, czy element jest elastyczny skurczowej lub rosnąć. Gdy istnieje dodatkowa przestrzeń w pudełku, giętkie elementy rozwinąć do wypełnienia przestrzeni.
Domyślnie: | 0,0 (co oznacza, że element ten nie jest elastyczny) |
---|---|
Dziedziczenie: | nie |
Wersja: | CSS3 |
Składnia JavaScript: | object .style.boxFlex = 2,0 |
gramatyka
wartość | opis |
---|---|
wartość | elementy elastyczności. Wszystko jest względne Flex |