DokuWiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

|<- [[cffl:Challenge overview]]|[[cffl:Controlling element flexibility]] ->|

  - w3.org/TR/CSS3-flexbox/#flex-property

La propriété flex est un //shorthand// pour trois propriétés :
  - flew grow
  - flex shrink
  - flesh basis

Ces propriétés sont utilisés pour définir la taille d'un élément flex en relation avec les autres éléments flex ainsi que comment s'étendre ou se réduire.

===flex-grow===

flex-grow:<number>;

La valeur représente combien l'élément flex va grossier en relation avec le reste des flex items dans le conteneur une fois que l'espace disponible a été distribuée. Si ignorée, la valeur par défaut est 1.

<code>
flex: none|<flex-grow> <flex-shrink|| <flex-basis>;
</code>

===flex-basis===
flex-basis:auto|<width>;

Représente la taille principale initiale d'un élément flex, **avant** que l'espace disponible ne soit distribué. Si omis, sa valeur par défaut est 0. Valeur en pixel, pourcentage ou autre.

La plupart du temps, vous n'utiliserez pas toutes les valeurs. souvent limité à flex-grow parfois complété de flex-basis.