This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The parse()
method of the CSSStyleValue
interface sets a specific CSS property to the specified values and returns the first value as a CSSStyleValue
object.
Syntax
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.
Example
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.
const css = CSSStyleValue.parse( 'transform', 'translate3d(10px,10px,0) scale(0.5)');
CSSTransformValue {0: CSSTranslate, 1: CSSScale, length: 2, is2D: false}
Specifications
Specification | Status | Comment |
---|---|---|
CSS Typed OM Level 1 The definition of 'parse()' in that specification. |
Working Draft | Initial definition. |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
parse | Chrome Full support 66 | Edge Full support 79 | Firefox No support No | IE No support No | Opera Full support 53 | Safari No support No | WebView Android Full support 66 | Chrome Android Full support 66 | Firefox Android No support No | Opera Android Full support 47 | Safari iOS No support No | Samsung Internet Android Full support 9.0 |
Legend
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.