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.

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.

Examples

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

CSSPrimitiveValue.primitiveType

Value

Examples

Specifications

Browser compatibility

See also