CSSStyleDeclaration: cssFloat 属性

cssFloat 属性是 CSSStyleDeclaration 接口的属性,它返回使用 float 作为参数调用 CSSStyleDeclaration.getPropertyValue() 的结果。

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

价值

字符串。

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

例子

在以下示例中,样式表包含一个针对 .box 的规则,该规则的 float 属性值为 left。此值将由 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

浏览器兼容性

BCD 表仅在浏览器中加载