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. |
Recommendation | Initial definition |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | No support | (Yes) | ? | No support | ? |
| Feature | Android | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|
| Basic support | ? | (Yes) | (Yes) | ? | ? | ? | ? |
Document Tags and Contributors
Tags:
Contributors to this page:
Sebastianz
Last updated by:
Sebastianz,