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
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
primitiveType |
No |
No |
20-62 |
No |
No |
7 |
No |
No |
20-62 |
No |
7 |
No |
See also
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSPrimitiveValue/primitiveType