This is an experimental technologyCheck 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 1The 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.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
|
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.
See Also
CSSStyleValue.parse() by Mozilla Contributors is licensed under CC-BY-SA 2.5.