Latest web development tutorials

HTML DOM Style właściwości Flex

Styl Object Reference styl Przedmioty

Przykłady

Niech cały elastyczność projektu o tej samej długości i ignorować ich zawartości:

for (i = 0; i < y.length; i++) {
    y[i].style.flex="1";
}

Spróbuj »

Definicja i Wykorzystanie

Właściwości Flex w stosunku do tego samego elastycznego pojemnika do innych przedmiotów, ustawia lub zwraca długość projektu.

Obiekt flex jest skróconą własnością flexGrow, flexShrink i właściwości flexBasis.

Uwaga: Jeśli elementnie jest elastyczny projekt, obiekt Flex nie działa.


Pomoc Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Oprócz Safari, wszystkie inne główne przeglądarki obsługują właściwości Flex.

IE 9 i wcześniejsze wersje nie obsługują właściwości Flex. IE 10 wystarczy prefix MS obsługuje tej właściwości.


gramatyka

Zwraca właściwości Flex

object .style.flex

Ustawianie właściwości Flex

object .style.flex="flex-growflex-shrinkflex-basis|auto|initial|inherit"

Wartość nieruchomości

描述
flex-grow 一个数字,规定项目将相对于其他灵活的项目进行扩展的量。
flex-shrink 一个数字,规定项目将相对于其他灵活的项目进行收缩的量。
flex-basis 项目的长度。合法值:"auto"、"inherit" 或一个后跟 "%"、"px"、"em" 或任何其他长度单位的数字。
auto 与 1 1 auto 相同。
none 与 0 0 auto 相同。
initial 设置该属性为它的默认值,即为 0 1 auto。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

dane techniczne

Domyślnie: 0 1 auto
Zwraca: Ciąg reprezentujący elastycznego elementu atrybutu.
wersja CSS CSS3


Powiązane artykuły

CSS: Własności Flex

HTML DOM STYL referencyjny: nieruchomość flexBasis

HTML DOM STYL referencyjny: nieruchomość flexDirection

HTML DOM STYL referencyjny: nieruchomość FlexFlow

HTML DOM STYL referencyjny: nieruchomość flexGrow

HTML DOM STYL referencyjny: nieruchomość flexShrink

HTML DOM STYL referencyjny: nieruchomość flexWrap


Styl Object Reference styl Przedmioty