CSSKeywordValue: CSSKeywordValue() constructor

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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>

const keyword = new CSSKeywordValue("initial");
const 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 1 # dom-csskeywordvalue-csskeywordvalue