CSSStyleValue: parse() static method

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

The parse() static method of the CSSStyleValue interface sets a specific CSS property to the specified values and returns the first value as a CSSStyleValue object.

Syntax

js
CSSStyleValue.parse(property, cssText)

Parameters

property

A CSS property to set.

cssText

A comma-separated string containing one or more values to apply to the provided property.

Return value

A CSSStyleValue object containing the first supplied value.

Examples

The code below parses a set of declarations for the transform property. The second code block shows the structure of the returned object as it would be rendered in a developer tools console.

js
const css = CSSStyleValue.parse(
  "transform",
  "translate3d(10px,10px,0) scale(0.5)",
);
css
CSSTransformValue {0: CSSTranslate, 1: CSSScale, length: 2, is2D: false}

Specifications

Specification
CSS Typed OM Level 1
# dom-cssstylevalue-parse

Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
parse() static method

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
See implementation notes.

See also