Latest web development tutorials

propriété HTML DOM style flexShrink

Style de Object Reference style Objets

Exemples

Laissez l'élément DIV bleu rétrécit à un cinquième d'un autre projet souple:

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

Essayez »

Définition et utilisation

attribut flexShrink spécifie le projet sera flexible par rapport à d'autres produits sur le même retrait de volume du récipient.

Remarque: Si l'élémentest pas d' éléments flexibles, la propriété flexShrink ne fonctionne pas.


support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox, Opera et Chrome supportent la propriété flexShrink.


grammaire

Retour propriétés flexShrink:

object .style.flexShrink

Définition des propriétés flexShrink:

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

Valeur de la propriété

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

détails techniques

Par défaut: 1
Retours: Chaîne représentant le rétractable flex attribut élément.
CSS version CSS3


articles connexes

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

HTML DOM STYLE Référence: Propriétés Flex

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

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

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

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

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


Style de Object Reference style Objets