CSSStyleProperties: cssFloat 属性

CSSStyleProperties 接口的 cssFloat 属性返回 CSS 的 float 属性。

这是在对象上使用 float 作为参数调用 getPropertyValue() 的结果。

设置时,它会调用 setProperty(),第一个参数为 float,第二个参数为给定的值。给定的值必须是 float 属性的有效值。

字符串。

当设置为 null 值时,该 null 值会被转换为空字符串 (""),因此 csd.cssFloat = null 等同于 csd.cssFloat = ""

示例

在下面的示例中,样式表包含一条针对 .box 的规则,该规则具有值为 leftfloat 属性。此值将由 cssFloat 返回。然后我们使用 cssFloat 将值设置为 "right",并返回新值。

css
.box {
  float: left;
  inline-size: 300px;
}
js
let myRules = document.styleSheets[0].cssRules;
let rule = myRules[0];
console.log(rule.style.cssFloat); // "left"
rule.style.cssFloat = "right";
console.log(rule.style.cssFloat); // "right"

规范

规范
CSS 对象模型 (CSSOM)
# dom-cssstyleproperties-cssfloat

浏览器兼容性