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.
CSSStyleValue.parse(property, cssText)
A CSSStyleValue
object containing the first supplied value.
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}
Specification | Status | Comment |
---|---|---|
CSS Typed OM Level 1 The definition of 'parse()' in that specification. | Working Draft | Initial definition. |
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | 66 | No | No | No | 53 | No |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
Basic support | 66 | 66 | No | No | 53 | No | ? |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleValue/parse