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 Status Comment
CSS Typed OM Level 1
The definition of 'parse()' in that specification.
Working Draft Initial definition.

Browser compatibility

BCD tables only load in the browser

See also