CSS オブジェクトモデル (CSSOM)

CSS オブジェクトモデルは CSS を JavaScript から操作するための API の集合です。これは DOM にとても良く似ていますが HTML ではなく CSS のためのものです。これにより CSS スタイルを動的に読んだり変更したりすることができます。

リファレンス

他にも CSSOM に関する仕様書で拡張されているインターフェイスがあります。 Document, Window, Element, HTMLElement, HTMLImageElement, Range, MouseEvent, SVGElement

CSS 型付きオブジェクトモデル

これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

廃止された CSSOM インターフェイス

廃止
この機能は廃止されました。まだいくつかのブラウザーで動作するかもしれませんが、いつ削除されてもおかしくないので、使わないようにしましょう。

チュートリアル

仕様書

仕様書 状態 備考
CSS Typed OM Level 1 草案
CSS Painting API Level 1 草案 CSS インターフェイスを paintWorklet 静的プロパティで拡張。
CSS Object Model (CSSOM) View Module 草案 Screen および MediaQueryList インターフェイスと MediaQueryListEvent イベントと MediaQueryListListener イベントリスナーを定義。
CSS Object Model (CSSOM) 草案 CSS インターフェイスを拡張し、最新の CSSOM 仕様書の基礎を提供。
Screen Orientation API 草案
CSS Fonts Module Level 3 勧告候補
CSS Animations 草案
CSS Transitions 草案
CSS Custom Properties for Cascading Variables Module Level 1 勧告候補
CSS Conditional Rules Module Level 3 勧告候補 CSS インターフェイスを定義。
CSS Device Adaptation 草案
CSS Counter Styles Level 3 勧告候補
Document Object Model (DOM) Level 2 Style Specification 廃止された 初回定義

ブラウザーの互換性

この機能のすべてはさまざまなブラウザーで何年かけて少しずつ追加されてきました。これは簡単なページにまとめることができないとても複雑なプロセスでした。利用できるかについてはそれぞれのインターフェイスを参照してください。

See also