Experimental: 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.
parse(property, cssText)
A CSS property to set.
A comma-separated string containing one or more values to apply to the provided property.
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 |
|---|
| CSS Typed OM Level 2 # dom-cssstylevalue-parse |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
parse |
66
|
79
|
No
|
No
|
53
|
No
|
66
|
66
|
No
|
47
|
No
|
9.0
|
© 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/CSSStyleValue/parse
| Name | Web APIs |
| Version | |
| Badge |
|
| Last Updated | 2022-04-27T09:33:08Z |