このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
CSSKeywordValue
利用可能性は限定的
この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。
Want more support for this feature? Tell us why.
CSSKeywordValue は CSS 型付きオブジェクトモデル API のインターフェイスで、CSS のキーワードやその他の識別子を表すオブジェクトを作成します。
このインターフェイスのインスタンス名は文字列化子です。つまり、文字列が期待される場所で使用すると CSSKeyword.value の値を返します。
コンストラクター
CSSKeywordValue()-
新しい
CSSKeywordValueオブジェクトを生成します。
インスタンスプロパティ
CSSKeywordValue.value-
CSSKeywordValueの値を返却または設定します。
インスタンスメソッド
CSSStyleValue からメソッドを継承しています。
例
次の例は、CSS の display プロパティを既定値にリセットするために、インラインの style 属性を style="display: initial" に設定します。これは開発者ツールインスペクターで見られます。
#myElement {
display: flex;
}
<div id="myElement">
開発者ツールでコンソールのログを確認し、この div の style
属性を調べてみてください。
</div>
js
let myElement = document.getElementById("myElement").attributeStyleMap;
myElement.set("display", new CSSKeywordValue("initial"));
console.log(myElement.get("display").value); // 'initial'
仕様書
| 仕様書 |
|---|
| CSS Typed OM Level 1> # keywordvalue-objects> |