Latest web development tutorials

Obiekt HTML DOM Style flexShrink

Styl Object Reference styl Przedmioty

Przykłady

Niech niebieski Element DIV skurczy się do jednej piątej innej elastycznej projektu:

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

Spróbuj »

Definicja i Wykorzystanie

atrybut flexShrink określa projekt będzie elastyczna w stosunku do innych elementów w tym samym skurczu objętości pojemnika.

Uwaga: Jeśli element nie jest elastyczne elementy, nieruchomości flexShrink nie działa.


Pomoc Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox, Opera i Chrome obsługują właściwość flexShrink.


gramatyka

Właściwości Powrót flexShrink:

object .style.flexShrink

Ustawianie właściwości flexShrink:

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

Wartość nieruchomości

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

dane techniczne

Domyślnie: 1
Zwraca: Ciąg reprezentujący Flex-kurczyć atrybut elementu.
wersja CSS CSS3


Powiązane artykuły

CSS Reference Manual: Flex-Shrink własność

HTML DOM STYL referencyjny: Właściwości Flex

HTML DOM STYL referencyjny: nieruchomość flexBasis

HTML DOM STYL referencyjny: nieruchomość flexDirection

HTML DOM STYL referencyjny: nieruchomość FlexFlow

HTML DOM STYL referencyjny: nieruchomość flexGrow

HTML DOM STYL referencyjny: nieruchomość flexWrap


Styl Object Reference styl Przedmioty