CSSStyleProperties: cssFloat property
The cssFloat property of the CSSStyleProperties interface returns the CSS float property.
This is the result of invoking getPropertyValue() on the object with float as an argument.
When setting, it invokes 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 float property.
Value
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 = "".
Example
In the below example, the stylesheet contains a single rule for .box, which has the 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
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-cssstyleproperties-cssfloat |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
cssFloat
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support