CSSUnitValue

The CSSUnitValue interface of the CSS Typed Object Model API represents values that contain a single unit type. For example, "42px" would be represented by a CSSNumericValue.

CSSStyleValue CSSNumericValue CSSUnitValue

Constructor

CSSUnitValue()

Creates a new CSSUnitValue object.

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.

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

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet WebView Android
CSSUnitValue 66 79 No 53 16.4 66 No 47 16.4 9.0 66
CSSUnitValue 66 79 No 53 16.4 66 No 47 16.4 9.0 66
unit 66 79 No 53 16.4 66 No 47 16.4 9.0 66
value 66 79 No 53 16.4 66 No 47 16.4 9.0 66

© 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