ContextQMD
Back to Content

CSSUnitValue

files/en-us/web/api/cssunitvalue/index.md

latest1.2 KB
Original Source

{{APIRef("CSS Typed Object Model API")}}

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.

{{InheritanceDiagram}}

Constructor

  • {{domxref("CSSUnitValue.CSSUnitValue", "CSSUnitValue()")}}
    • : Creates a new CSSUnitValue object.

Instance properties

  • {{domxref('CSSUnitValue.value')}}
    • : Returns a double indicating the number of units.
  • {{domxref('CSSUnitValue.unit')}}
    • : Returns a string indicating the type of unit.

Static methods

The interface may also inherit methods from its parent interface, {{domxref("CSSNumericValue")}}.

Instance methods

The interface may also inherit methods from its parent interface, {{domxref("CSSNumericValue")}}.

Examples

The following shows a method of creating a {{domxref('CSSPositionValue')}} from individual CSSUnitValue constructors.

js
let pos = new CSSPositionValue(
  new CSSUnitValue(5, "px"),
  new CSSUnitValue(10, "px"),
);

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}