CSSKeywordValue

利用可能性は限定的

この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。

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>

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

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって 2025年4月12日に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告