CSSStyleDeclaration: cssFloat property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
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.
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
Loading…