CSSKeywordValue - 表示 CSS 关键字和其他标识符

这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

CSSKeywordValueCSS 类型对象模型 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 的定义
工作草案 初始定义。

桌面浏览器兼容性

特性ChromeEdgeFirefoxInternet ExplorerOperaSafari
基础支持6679 不支持 不支持53 不支持
CSSKeywordValue() 构造函数6679 不支持 不支持53 不支持
value6679 不支持 不支持53 不支持

移动浏览器兼容性

特性AndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
基础支持6666 未知 不支持 未知47 不支持
CSSKeywordValue() 构造函数6666 未知 不支持 未知47 不支持
value6666 未知 不支持 未知47 不支持

相关链接