CSSStyleDeclaration: cssFloat property
The cssFloat
property of the CSSStyleDeclaration
interface returns the result of invoking CSSStyleDeclaration.getPropertyValue()
with float
as an argument.
When setting, it invokes CSSStyleDeclaration.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.
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.
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
Specifications
Specification |
---|
CSS Object Model (CSSOM) # dom-cssstyledeclaration-cssfloat |
Browser compatibility
BCD tables only load in the browser