Latest web development tutorials

HTML DOM Style flexShrink 屬性

Style 對象參考手冊 Style對象

實例

讓藍色的DIV 元素收縮到其他靈活項目的五分之一:

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

嘗試一下»

定義和用法

flexShrink 屬性規定項目將相對於同一容器內其他靈活的項目進行收縮的量。

注意:如果元素不是靈活的項目,則flexShrink屬性不起作用。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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屬性


Style 對象參考手冊 Style對象