Style flexBasis 属性

定义和用法

flexBasis 属性规定弹性项的初始长度。

注释:如果元素不是弹性项,则 flexBasis 属性无效。

另请参阅:

CSS 参考手册:flex-basis 属性

实例

将弹性项目的初始长度设置为 200 像素:

document.getElementById("myBlueDiv").style.flexBasis = "200px";

亲自试一试

语法

返回 flexBasis 属性:

object.style.flexBasis

设置 flexBasis 属性:

object.style.flexBasis = "number|auto|initial|inherit"

属性值

描述
number规定弹性项目的初始长度,长度单位或百分比。
auto

默认值。长度等于弹性项目的长度。

如果项目没有规定长度,长度取决于其内容。

initial将此属性设置为其默认值。请参阅 initial
inherit从其父元素继承此属性。请参阅 inherit

技术细节

默认值:auto
返回值:字符串,表示元素的 flex-basis 属性
CSS 版本:CSS3

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

ChromeEdgeFirefoxSafariOpera
ChromeEdgeFirefoxSafariOpera
支持11.0支持9.0支持

相关页面

HTML DOM STYLE 参考手册:flex 属性

HTML DOM STYLE 参考手册:flexDirection 属性

HTML DOM STYLE 参考手册:flexFlow 属性

HTML DOM STYLE 参考手册:flexGrow 属性

HTML DOM STYLE 参考手册:flexShrink 属性

HTML DOM STYLE 参考手册:flexWrap 属性