W3cubDocs

/Web APIs

CSSUnitValue

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.

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.

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

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