CSSPrimitiveValue.primitiveType

The primitiveType read-only property of the CSSPrimitiveValue interface represents the type of a CSS 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.

Syntax

type = cssPrimitiveValue.primitiveType;

Value

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

Constant	Description
`CSS_ATTR`	The value is an `attr()` function. The value can be obtained by using the `getStringValue()` method.
`CSS_CM`	The value is a `<length>` in centimeters. The value can be obtained by using the `getFloatValue()` method.
`CSS_COUNTER`	The value is a counter or counters function. The value can be obtained by using the `getCounterValue()` method.
`CSS_DEG`	The value is an `<angle>` in degrees. The value can be obtained by using the `getFloatValue()` method.
`CSS_DIMENSION`	The value is a `<number>` with an unknown dimension. The value can be obtained by using the `getFloatValue()` method.
`CSS_EMS`	The value is a `<length>` in em units. The value can be obtained by using the `getFloatValue()` method.
`CSS_EXS`	The value is a `<length>` in ex units. The value can be obtained by using the `getFloatValue()` method.
`CSS_GRAD`	The value is an `<angle>` in grads. The value can be obtained by using the `getFloatValue()` method.
`CSS_HZ`	The value is a `<frequency>` in Hertz. The value can be obtained by using the getFloatValue method.
`CSS_IDENT`	The value is an identifier. The value can be obtained by using the `getStringValue()` method.
`CSS_IN`	The value is a `<length>` in inches. The value can be obtained by using the `getFloatValue()` method.
`CSS_KHZ`	The value is a `<frequency>` in Kilohertz. The value can be obtained by using the `getFloatValue()` method.
`CSS_MM`	The value is a `<length>` in millimeters. The value can be obtained by using the `getFloatValue()` method.
`CSS_MS`	The value is a `<time>` in milliseconds. The value can be obtained by using the `getFloatValue()` method.
`CSS_NUMBER`	The value is a simple `<number>`. The value can be obtained by using the `getFloatValue()` method.
`CSS_PC`	The value is a `<length>` in picas. The value can be obtained by using the `getFloatValue()` method.
`CSS_PERCENTAGE`	The value is a `<percentage>`. The value can be obtained by using the `getFloatValue()` method.
`CSS_PT`	The value is a `<length>` in points. The value can be obtained by using the `getFloatValue()` method.
`CSS_PX`	The value is a `<length>` in pixels. The value can be obtained by using the `getFloatValue()` method.
`CSS_RAD`	The value is an `<angle>` in radians. The value can be obtained by using the `getFloatValue()` method.
`CSS_RECT`	The value is a `rect()` function. The value can be obtained by using the `getRectValue()` method.
`CSS_RGBCOLOR`	The value is an `<color>`. The value can be obtained by using the `getRGBColorValue()` method.
`CSS_S`	The value is a `<time>` in seconds. The value can be obtained by using the `getFloatValue()` method.
`CSS_STRING`	The value is a `<string>`. The value can be obtained by using the `getStringValue()` method.
`CSS_UNKNOWN`	The value is not a recognized CSS2 value. The value can only be obtained by using the `cssText` attribute.
`CSS_URI`	The value is a `url()`. The value can be obtained by using the `getStringValue()` method.

Example

var cs = window.getComputedStyle(document.body);
var cssValue = cs.getPropertyCSSValue("color");
console.log(cssValue.primitiveType);

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

BCD tables only load in the browser