CSSKeywordValue - 表示 CSS 关键字和其他标识符
这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。
CSSKeywordValue
是 CSS 类型对象模型 API 的接口,表示 CSS 关键字和其他标识符。接口实例名称是一个字符串化器,这意味着当在期望使用字符串的任何地方使用时,它将返回 CSSKeyword.value
的值。
构造函数
CSSKeywordValue.CSSKeywordValue()
创建一个新的 CSSKeywordValue
对象。
属性
CSSKeywordValue.value
返回或设置 CSSKeywordValue
的值。
方法
从 CSSStyleValue
继承了方法。
实例
以下实例将 CSS display
属性重置为其默认值,如果在开发人员工具检查器中查看,会看到脚本将内联样式属性设置为 style="display: initial"
。
<style>
#myElement {
display: flex;
}
</style>
<div id="myElement">检查开发人员工具以查看控制台中的日志,并检查此 div 上的 style 属性。</div>
<script>
let myElement = document.getElementById('myElement').attributeStyleMap;
myElement.set('display', new CSSKeywordValue('initial'));
console.log( myElement.get('display').value); // 'initial'
</script>
规范
规范 | 状态 | 备注 |
---|---|---|
CSS Typed OM Level 1 CSSKeywordValue 的定义 |
工作草案 | 初始定义。 |
桌面浏览器兼容性
特性 | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
基础支持 | 66 | 79 | 不支持 | 不支持 | 53 | 不支持 |
CSSKeywordValue() 构造函数 | 66 | 79 | 不支持 | 不支持 | 53 | 不支持 |
value | 66 | 79 | 不支持 | 不支持 | 53 | 不支持 |
移动浏览器兼容性
特性 | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
基础支持 | 66 | 66 | 未知 | 不支持 | 未知 | 47 | 不支持 |
CSSKeywordValue() 构造函数 | 66 | 66 | 未知 | 不支持 | 未知 | 47 | 不支持 |
value | 66 | 66 | 未知 | 不支持 | 未知 | 47 | 不支持 |