CSSStyleDeclaration: cssFloat 属性

已弃用:此特性不再推荐。虽然某些浏览器可能仍然支持它,但它可能已经从相关的网络标准中删除,可能正在删除过程中,或者可能仅为兼容性目的而保留。请避免使用它,如果可能,请更新现有代码;请参阅本页底部的兼容性表格以指导您的决策。请注意,此特性可能随时停止工作。

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

在设置时,它会调用 CSSStyleDeclaration.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

浏览器兼容性