CSSValue: cssValueType property

The cssValueType read-only property of the CSSValue interface represents the type of the current computed CSS property value.

[!NOTE] This property was part of an attempt to create a typed CSS Object Model. This attempt has been abandoned, and most browsers do not implement it.

To achieve your purpose, you can use:

• the untyped CSS Object Model, widely supported, or
• the modern CSS Typed Object Model API, less supported and considered experimental.

Value

An unsigned short representing a code defining the type of the value. Possible values are:

Constant	Description
CSS_CUSTOM	The value is a custom value.
CSS_INHERIT	The value is inherited and the cssText contains "inherit".
CSS_PRIMITIVE_VALUE	The value is a primitive value and an instance of the [`CSSPrimitiveValue`](/firefox/mdn/api/cssprimitivevalue/) interface can be obtained by using binding-specific casting methods on this instance of the CSSValue interface.
CSS_VALUE_LIST	The value is a CSSValue list and an instance of the [`CSSValueList`](/firefox/mdn/api/cssvaluelist/) interface can be obtained by using binding-specific casting methods on this instance of the CSSValue interface.

Examples

const styleDeclaration = document.styleSheets[0].cssRules[0].style;
const cssValue = styleDeclaration.getPropertyCSSValue("color");
console.log(cssValue.cssValueType);

Specifications

This feature was originally defined in the DOM Style Level 2 specification, but has been dropped from any standardization effort since then.

It has been superseded by a modern, but incompatible, CSS Typed Object Model API that is now on the standard track.

Browser compatibility