CSSKeywordValue()

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The CSSKeywordValue() constructor creates a new CSSKeywordValue object which represents CSS keywords and other identifiers.

Syntax

new CSSKeywordValue(val)

Parameters

value: Sets or returns the value of the new CSSKeywordValue.

Exceptions

TypeError: Thrown if the value parameter is not specified or it is not of type String.

Examples

The following example resets the CSS display property to its defaults, setting the inline style attribute to style="display: initial" if viewed in the developer tools inspector.

#myElement {
  display: flex;
}

<div id="myElement">Check the developer tools to see the log in the console and to inspect the style attribute on this div.</div>

let keyword = new CSSKeywordValue('initial');
let myElement = document.getElementById('myElement').attributeStyleMap;
    myElement.set('display', keyword);

console.log( myElement.get('display').value);  // 'initial'
console.dir( keyword );

Specifications

Specification
CSS Typed OM Level 2 # dom-csskeywordvalue-csskeywordvalue

Browser compatibility

BCD tables only load in the browser