- No translations exist for this article.
- Add a translation
Edit
Advanced
- History
- Print this article

CSSPrimitiveValue.primitiveType

Jump to:

Syntax
Example
Specifications
Browser compatibility
See also

The primitiveType read-only property of the CSSPrimitiveValue interface represents the type of a CSS value.

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 `<uri>`. 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

Specification	Status	Comment
Document Object Model (DOM) Level 2 Style Specification The definition of 'CSSPrimitiveValue.primitiveType' in that specification.	Obsolete	Initial definition

Feature	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	No	?	Yes	?	No	?

Feature	Android webview	Chrome for Android	Edge mobile	Firefox for Android	Opera Android	iOS Safari	Samsung Internet
Basic support	?	?	?	Yes	?	?	?

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari	Samsung Internet
Basic support	No support No	?	Full support Yes	?	No support No	?	?	?	?	Full support Yes	?	?	?

Legend

Full support: Full support
No support: No support
Compatibility unknown: Compatibility unknown

Document Tags and Contributors

Tags:

Contributors to this page: fscholz, Sebastianz

Last updated by: fscholz, Jun 29, 2018, 3:11:23 AM