Exemple
Laissez l'élément DIV bleu rétrécit cinq fois plus que le reste des éléments flexibles:
document.getElementById("myBlueDiv".style.flexShrink = "5"; Essayez vous - même » Définition et utilisation
La propriété flexShrink spécifie comment l'élément diminuera par rapport au reste des éléments flexibles à l'intérieur du même conteneur.
Note: Si l'élément n'est pas un élément flexible, la propriété flexShrink n'a aucun effet.
Support du navigateur
La propriété flexShrink est pris en charge dans IE10 +, Firefox, Opera et Chrome.
Remarque: Safari 6.1+ prend en charge une alternative, la propriété WebkitFlexShrink.
Syntaxe
Retour la propriété flexShrink:
object .style.flexShrink Définissez la propriété flexShrink:
object .style.flexShrink=" Valeurs de propriété Valeur La description number Un nombre spécifiant combien l'élément diminuera par rapport au reste des éléments flexibles. La valeur par défaut est 0 initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: 1 Valeur de retour: Une chaîne, ce qui représente la propriété flex-retrait d'un élément version CSS CSS3
Pages associées
Référence CSS: flex-shrink property
HTML DOM STYLE Référence: flex property
HTML DOM STYLE Référence: flexBasis property
HTML DOM STYLE Référence: flexDirection property
HTML DOM STYLE Référence: flexFlow property
HTML DOM STYLE Référence: flexGrow property
HTML DOM STYLE Référence: flexWrap property
<Style objet