Style flexShrink 屬性
Style 對象實例
讓藍色的 DIV 元素收縮到其他靈活專案的五分之一：
document.getElementById("myBlueDiv".style.flexShrink = "5";
定義和用法
flexShrink 屬性規定專案將相對於同一容器內其他靈活的專案進行收縮的量。
注意：如果元素不是靈活的專案，則 flexShrink 屬性不起作用。
流覽器支持
Firefox、Opera 和 Chrome 支持 flexShrink 屬性。
語法
返回 flexShrink 屬性：
object.style.flexShrink
設置 flexShrink 屬性：
object.style.flexShrink="number|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| number | 一個數字，規定專案將相對於其他靈活的專案進行收縮的量。默認值是 0。 |
| initial | 設置該屬性為它的默認值。請參閱 initial。 |
| inherit | 從父元素繼承該屬性。請參閱 inherit。 |
技術細節
| 默認值： | 1 |
|---|---|
| 返回值： | 字串，表示元素的 flex-shrink 屬性。 |
| CSS 版本 | CSS3 |
相關文章
CSS 參考手冊：flex-shrink 屬性
HTML DOM STYLE 參考手冊：flex 屬性
HTML DOM STYLE 參考手冊：flexBasis 屬性
HTML DOM STYLE 參考手冊：flexDirection 屬性
HTML DOM STYLE 參考手冊：flexFlow 屬性
HTML DOM STYLE 參考手冊：flexGrow 屬性
HTML DOM STYLE 參考手冊：flexWrap 屬性