The CSSUnitValue interface of the CSS_Object_Model#css_typed_object_model represents values that contain a single unit type. For example, "42px" would be represented by a CSSNumericValue.
On this page
CSSUnitValue
Constructor
-
CSSUnitValue() -
Creates a new
CSSUnitValueobject.
Instance properties
-
CSSUnitValue.value -
Returns a double indicating the number of units.
-
CSSUnitValue.unit -
Returns a string indicating the type of unit.
Static methods
The interface may also inherit methods from its parent interface, CSSNumericValue.
Instance methods
The interface may also inherit methods from its parent interface, CSSNumericValue.
Event handlers
None.
Examples
The following shows a method of creating a CSSPositionValue from individual CSSUnitValue constructors.
js
let pos = new CSSPositionValue(
new CSSUnitValue(5, "px"),
new CSSUnitValue(10, "px"),
);
Specifications
| Specification |
|---|
| CSS Typed OM Level 1 # simple-numeric |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
CSSUnitValue |
66 | 79 | No | No | 53 | 16.4 | 66 | 66 | No | 47 | 16.4 | 9.0 |
CSSUnitValue |
66 | 79 | No | No | 53 | 16.4 | 66 | 66 | No | 47 | 16.4 | 9.0 |
unit |
66 | 79 | No | No | 53 | 16.4 | 66 | 66 | No | 47 | 16.4 | 9.0 |
value |
66 | 79 | No | No | 53 | 16.4 | 66 | 66 | No | 47 | 16.4 | 9.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSUnitValue