files/en-us/web/api/cssstyleproperties/cssfloat/index.md
{{APIRef("CSSOM")}}
The cssFloat property of the {{domxref("CSSStyleProperties")}} interface returns the CSS {{cssxref("float")}} property.
This is the result of invoking {{DOMxRef("CSSStyleDeclaration.getPropertyValue()","getPropertyValue()")}} on the object with float as an argument.
When setting, it invokes {{DOMxRef("CSSStyleDeclaration.setProperty()","setProperty()")}} with float as the first argument, and the given value as the second argument.
The given value must be a valid value for the {{cssxref("float")}} property.
A string.
When set to the null value, that null value is converted to the empty string (""), so csd.cssFloat = null is equivalent to csd.cssFloat = "".
In the below example, the stylesheet contains a single rule for .box, which has the {{cssxref("float")}} property with a value of left. This value will be returned by cssFloat. We then set the value to "right" using cssFloat, and return the new value.
.box {
float: left;
inline-size: 300px;
}
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"
{{Specifications}}
{{Compat}}