Style propriété flexBasis

Définition et utilisation

flexBasis Définit la longueur initiale de l'élément élastique.

Remarque :Si l'élément n'est pas un élément élastique, alors flexBasis Attribut invalide.

Voir aussi :

Guide de référence CSS :flex-basis

Exemple

Définir la longueur initiale de l'élément élastique à 200 pixels :

document.getElementById("myBlueDiv").style.flexBasis = "200px";

Essayez-le vous-même

Syntaxe

Retourner la propriété flexBasis :

object.style.flexBasis

Définir la propriété flexBasis :

object.style.flexBasis = "number|auto|initial|inherit"

Valeur de l'attribut

Valeur Description
number Définit la longueur initiale de l'élément élastique, l'unité ou le pourcentage.
auto

Valeur par défaut. La longueur égale à la longueur de l'élément élastique.

Si l'élément n'a pas de longueur définie, la longueur dépend de son contenu.
initial Réinitialise cette propriété à sa valeur par défaut. Voir aussi initial.
inherit Inherits cette propriété de son élément parent. Voir aussi inherit.

Détails techniques

Valeur par défaut : auto
Valeur de retour : chaîne, représentant l'élément flex-basis.
Version de CSS : CSS3

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge pleinement cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporté 11.0 Supporté 9.0 Supporté

Pages associées

Guide de référence HTML DOM STYLE :flex

Guide de référence HTML DOM STYLE :flexDirection

Guide de référence HTML DOM STYLE :flexFlow

Guide de référence HTML DOM STYLE :flexGrow

Guide de référence HTML DOM STYLE :flexShrink

Guide de référence HTML DOM STYLE :flexWrap