The getFloatValue() method of the CSSPrimitiveValue interface is used to get a float value in a specified unit. If this CSS value doesn't contain a float value or can't be converted into the specified unit, a DOMException is raised.
Syntax
var floatValue = cssPrimitiveValue.getFloatValue(unit);
Parameters
- unitType
- An
unsigned shortrepresenting the code for the unit type, in which the value should be returned. Valid values are:Constant Description CSS_CMThe value is a <length>in centimeters.CSS_DEGThe value is an <angle>in degrees.CSS_DIMENSIONThe value is a <number>with an unknown dimension.CSS_EMSThe value is a <length>in em units.CSS_EXSThe value is a <length>in ex units.CSS_GRADThe value is an <angle>in grads.CSS_HZThe value is a <frequency>in Hertz. The value can be obtained by using the getFloatValue method.CSS_INThe value is a <length>in inches.CSS_KHZThe value is a <frequency>in Kilohertz.CSS_MMThe value is a <length>in millimeters.CSS_MSThe value is a <time>in milliseconds.CSS_NUMBERThe value is a simple <number>.CSS_PCThe value is a <length>in picas.CSS_PERCENTAGEThe value is a <percentage>.CSS_PTThe value is a <length>in points.CSS_PXThe value is a <length>in pixels.CSS_RADThe value is an <angle>in radians.CSS_SThe value is a <time>in seconds.
Return value
A float value in the specified unit.
Exceptions
| Type | Description |
|---|---|
DOMException |
An INVALID_ACCESS_ERR is raised if the CSS value doesn't contain a float value or if the float value can't be converted into the specified unit. |
Example
var cs = window.getComputedStyle(document.body);
var cssValue = cs.getPropertyCSSValue("margin-top");
console.log(cssValue.getFloatValue(CSSPrimitiveValue.CSS_CM));
Specifications
| Specification | Status | Comment |
|---|---|---|
| Document Object Model (DOM) Level 2 Style Specification The definition of 'CSSPrimitiveValue.getFloatValue' in that specification. |
Obsolete | Initial definition |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
getFloatValue | Chrome No support No | Edge No support No | Firefox No support ? — 62 | IE ? | Opera No support No | Safari ? | WebView Android No support No | Chrome Android No support No | Firefox Android No support 4 — 62 | Opera Android ? | Safari iOS ? | Samsung Internet Android No support No |
Legend
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- Deprecated. Not for use in new websites.
- Deprecated. Not for use in new websites.
