W3cubDocs

/DOM

CSSStyleValue.parse

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 compatibilityUpdate compatibility data on GitHub

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