Propriété Style flexShrink

Définition et utilisation

flexShrink Cette propriété définit comment l'élément se rétrécit par rapport aux autres éléments élastiques dans le même conteneur.

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

Voir également :

Manuel de référence CSS :flex-shrink propriété

Exemple

Faites en sorte que le DIV bleu diminue de cinq fois par rapport aux autres éléments élastiques :

document.getElementById("myBlueDiv").style.flexShrink = "5";

Essayez-le vous-même

Syntaxe

Retourner la propriété flexShrink :

object.style.flexShrink

Définir la propriété flexShrink :

object.style.flexShrink = "number|initial|inherit"

Valeur de l'attribut

Valeur Description
number numéro, indiquant combien l'élément va se rétrécir par rapport aux autres éléments élastiques. La valeur par défaut est 0.
initial Définit cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : 1
Valeur de retour : chaîne, représentant l'élément flex-shrink propriété.
Version CSS : CSS3

Support du navigateur

Les nombres 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

Référence HTML DOM STYLE :flex propriété

Référence HTML DOM STYLE :flexBasis propriété

Référence HTML DOM STYLE :flexDirection propriété

Référence HTML DOM STYLE :flexFlow propriété

Référence HTML DOM STYLE :flexGrow propriété

Référence HTML DOM STYLE :flexWrap propriété