最新的Web開發教程
 

Style flexShrink Property

<Style對象

例

讓藍色DIV元素收縮比柔性其餘項目五倍：

document.getElementById("myBlueDiv".style.flexShrink = "5";
試一試»

定義和用法

該flexShrink屬性指定該項目將如何縮減相對於同一容器內的柔性物品的其餘部分。

Note:如果元素不是一個靈活的項目，該flexShrink屬性沒有任何效果。

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

該flexShrink屬性在IE10 +，Firefox，歌劇，和Chrome支持。

注：Safari瀏覽器6.1以上支持的替代方案，WebkitFlexShrink財產。

句法

返回flexShrink屬性：

object .style.flexShrink

設置flexShrink屬性：

object .style.flexShrink=" 屬性值
值 描述
number 一個數字，指定該項目將有多少縮水相對靈活的項目的其餘部分。 默認值為0。
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值： 1
返回值： 一個字符串，表示元件的柔性收縮特性
CSS版本 CSS3

相關頁面

CSS參考： flex-shrink property

HTML DOM樣式的引用： flex property

HTML DOM樣式的引用： flexBasis property

HTML DOM樣式的引用： flexDirection property

HTML DOM樣式的引用： flexFlow property

HTML DOM樣式的引用： flexGrow property

HTML DOM樣式的引用： flexWrap property

<Style對象