Attribut flex-basis CSS

Définition et utilisation

L'attribut flex-basis définit la longueur initiale de l'élément flexible.

Remarque :Si l'élément n'est pas un élément flexible, l'attribut flex est invalide.

Voir également :

Tutoriel CSS : Cadre flexible CSS

Manuel CSS :Attribut flex

Manuel CSS :Attribut flex-direction

Manuel CSS :Attribut flex-flow

Manuel CSS :Attribut flex-grow

Manuel CSS :Attribut flex-shrink

Manuel CSS :Attribut flex-wrap

Manuel HTML DOM :Attribut flexBasis

Exemple

Définir la longueur initiale du deuxième élément flexible à 100 pixels :

div:nth-of-type(2) {
  flex-basis: 100px;
}

Essayer par vous-même

Syntaxe CSS

flex-basis: number|auto|initial|inherit;

Valeur de l'attribut

Valeur Description
number Unité de longueur ou pourcentage, définissant la longueur initiale de l'élément flexible.
auto Valeur par défaut. La longueur égale à la longueur de l'élément flexible. Si la longueur de cet élément n'est pas définie, la longueur est déterminée par son contenu.
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Détails techniques

Valeur par défaut : auto
Héritage : Non
Réalisation des animations : Supporté. Voir :Propriétés liées aux animations.
Version : CSS3
Syntaxe JavaScript : object.style.flexBasis="200px"

Support du navigateur

Les nombres dans le tableau indiquent la première version du navigateur complètement supportant cette propriété.

Les nombres avec -webkit- ou -moz- indiquent la première version utilisant le préfixe.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0