CSS flex-rétrécissent propriétés

Référence CSS Référence CSS


Exemples

Laissez le deuxième élément à se rétrécir à un tiers des autres éléments:

div:nth-of-type(2) {flex-shrink: 3;}

Essayez »

support du navigateur

Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.

Immédiatement après la -webkit- numérique, -ms- ou -moz- après la première version à supporter la propriété de préfixe.

propriété
flex-rétractable 29,0
21,0 -webkit-
11.0
10.0 -ms-
28,0
18,0 -moz-
9.0
6.1 -webkit-
17,0

Définition et utilisation

flex-rétractable attribut est utilisé pour définir ou récupérer le rapport poche souple de contraction. .

Remarque: Si l'élémentest non élastique objet de boîte d'élément, le flex-rétractable propriété ne fonctionne pas.

Par défaut: 1
Héritage: aucun
Peut être animée: Oui. S'il vous plaît se référer à l' animation (Animable) . essayer
Version: CSS3
Syntaxe JavaScript: objet .style.flexShrink = "5"essayer


Syntaxe CSS

flex-shrink:number|initial|inherit;

Valeur de la propriété

描述
number 一个数字,规定项目将相对于其他灵活的项目进行收缩的量。默认值是 0。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit


articles connexes

CSS Référence: Propriétés Flex

CSS Manuel de référence: la propriété Flex-Basis

CSS Manuel de référence: la propriété Flex-direction

CSS Manuel de référence: Propriétés Flex-Flow

CSS Manuel de référence: Flex-Grow propriété

CSS Manuel de référence: la propriété Flex-wrap


Référence CSS Référence CSS