CSSKeywordValue

{{APIRef("CSS Typed Object Model API")}}

The CSSKeywordValue interface of the CSS Typed Object Model API creates an object to represent CSS keywords and other identifiers.

The interface instance name is a {{Glossary("stringifier")}} meaning that when used anywhere a string is expected it will return the value of CSSKeyword.value.

{{InheritanceDiagram}}

Constructor

• {{domxref("CSSKeywordValue.CSSKeywordValue", "CSSKeywordValue()")}}
  • : Creates a new CSSKeywordValue object.

Instance properties

• {{domxref('CSSKeywordValue.value')}}
  • : Returns or sets the value of the CSSKeywordValue.

Instance methods

Inherits methods from {{domxref('CSSStyleValue')}}.

Examples

The following example resets the CSS {{cssxref('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 myElement = document.getElementById("myElement").attributeStyleMap;
myElement.set("display", new CSSKeywordValue("initial"));

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

{{EmbedLiveSample("Examples", 120, 120)}}

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{domxref('CSSImageValue')}}
• {{domxref('CSSNumericValue')}}
• {{domxref('CSSPositionValue')}}
• {{domxref('CSSTransformValue')}}
• {{domxref('CSSUnparsedValue')}}