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
var cssKeywordValue = new CSSKeywordValue(val)
Parameters
- value
- Sets or returns the value of the new
CSSKeywordValue
.
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.
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 | Status | Comment |
---|---|---|
CSS Typed OM Level 1 The definition of 'CSSKeywordValue' in that specification. |
Working Draft | Initial definition. |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
CSSKeywordValue() constructor | Chrome Full support 66 | Edge Full support 79 | Firefox No support No | IE No support No | Opera Full support 53 | Safari No support No | WebView Android Full support 66 | Chrome Android Full support 66 | Firefox Android No support No | Opera Android Full support 47 | Safari iOS No support No | Samsung Internet Android Full support 9.0 |
Legend
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.