CSS typed object model
The CSSStyleValue
and its subclasses represent CSS values as distinct types instead of only strings. Also known as typed OM.
To learn more, see
CSSImageValue,
CSSKeywordValue,
CSSKeywordValue: CSSKeywordValue() constructor,
CSSKeywordValue: value property,
CSSMathInvert,
CSSMathInvert: CSSMathInvert() constructor,
CSSMathInvert: value property,
CSSMathMax,
CSSMathMax: CSSMathMax() constructor,
CSSMathMax: values property,
CSSMathMin,
CSSMathMin: CSSMathMin() constructor,
CSSMathMin: values property,
CSSMathNegate,
CSSMathNegate: CSSMathNegate() constructor,
CSSMathNegate: value property,
CSSMathProduct,
CSSMathProduct: CSSMathProduct() constructor,
CSSMathProduct: values property,
CSSMathSum,
CSSMathSum: CSSMathSum() constructor,
CSSMathSum: values property,
CSSMathValue,
CSSMathValue: operator property,
CSSMatrixComponent,
CSSMatrixComponent: CSSMatrixComponent() constructor,
CSSMatrixComponent: matrix property,
CSSNumericArray,
CSSNumericArray: length property,
CSSNumericValue,
CSSNumericValue: add() method,
CSSNumericValue: div() method,
CSSNumericValue: equals() method,
CSSNumericValue: max() method,
CSSNumericValue: min() method,
CSSNumericValue: mul() method,
CSSNumericValue: parse() static method,
CSSNumericValue: sub() method,
CSSNumericValue: to() method,
CSSNumericValue: toSum() method,
CSSNumericValue: type() method,
CSSPerspective,
CSSPerspective: CSSPerspective() constructor,
CSSPerspective: length property,
CSSRotate,
CSSRotate: CSSRotate() constructor,
CSSRotate: angle property,
CSSRotate: x property,
CSSRotate: y property,
CSSRotate: z property,
CSSScale,
CSSScale: CSSScale() constructor,
CSSScale: x property,
CSSScale: y property,
CSSScale: z property,
CSSSkew,
CSSSkew: CSSSkew() constructor,
CSSSkew: ax property,
CSSSkew: ay property,
CSSSkewX,
CSSSkewX: CSSSkewX() constructor,
CSSSkewX: ax property,
CSSSkewY,
CSSSkewY: CSSSkewY() constructor,
CSSSkewY: ay property,
CSSStyleRule: styleMap property,
CSSStyleValue,
CSSStyleValue: parseAll() static method,
CSSStyleValue: parse() static method,
CSSTransformComponent,
CSSTransformComponent: is2D property,
CSSTransformComponent: toMatrix() method,
CSSTransformComponent: toString() method,
CSSTransformValue,
CSSTransformValue: CSSTransformValue() constructor,
CSSTransformValue: entries() method,
CSSTransformValue: forEach() method,
CSSTransformValue: is2D property,
CSSTransformValue: keys() method,
CSSTransformValue: length property,
CSSTransformValue: toMatrix() method,
CSSTransformValue: values() method,
CSSTranslate,
CSSTranslate: CSSTranslate() constructor,
CSSTranslate: x property,
CSSTranslate: y property,
CSSTranslate: z property,
CSSUnitValue,
CSSUnitValue: CSSUnitValue() constructor,
CSSUnitValue: unit property,
CSSUnitValue: value property,
CSSUnparsedValue,
CSSUnparsedValue: CSSUnparsedValue() constructor,
CSSUnparsedValue: entries() method,
CSSUnparsedValue: forEach() method,
CSSUnparsedValue: keys() method,
CSSUnparsedValue: length property,
CSSUnparsedValue: values() method,
CSSVariableReferenceValue,
CSSVariableReferenceValue: CSSVariableReferenceValue() constructor,
CSSVariableReferenceValue: fallback property,
CSSVariableReferenceValue: variable property,
Element: computedStyleMap() method,
HTMLElement: attributeStyleMap property,
StylePropertyMap,
StylePropertyMap: append() method,
StylePropertyMap: clear() method,
StylePropertyMap: delete() method,
StylePropertyMap: set() method,
StylePropertyMapReadOnly,
StylePropertyMapReadOnly: entries() method,
StylePropertyMapReadOnly: forEach() method,
StylePropertyMapReadOnly: get() method,
StylePropertyMapReadOnly: getAll() method,
StylePropertyMapReadOnly: has() method,
StylePropertyMapReadOnly: keys() method,
StylePropertyMapReadOnly: size property,
StylePropertyMapReadOnly: values() method at MDN.
Compatibility
- Chrome 66 Released on 2018-04-17
- Chrome Android 66 Released on 2018-04-17
- Edge 79 Released on 2020-01-15
- Firefox ❌ See bugzil.la/1278697
- Firefox for Android ❌ See bugzil.la/1278697
- Safari 16.4 Released on 2023-03-27
- Safari on iOS 16.4 Released on 2023-03-27
Baseline availability blocked since March 2023 by Firefox (20 months)