CSSStyleValue.parse()

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.

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
CSS Typed OM Level 2 (CSS Typed OM 2) # dom-cssstylevalue-parse

Browser compatibility

	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