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

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

リファレンス

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

CSS 型付きオブジェクトモデル これは実験段階の API です。製品内のコードで使用しないようご注意ください。

Experimental

これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

  • CSSImageValue (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSKeywordValue (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSMathInvert (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSMathMax (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSMathMin (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSMathNegate (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSMathProduct (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSMathSum (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSMathValue (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSMatrixComponent (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSNumericArray (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSNumericValue (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSPerspective (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSPositionValue (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSRotate (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSScale (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSSkew (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSSkewX (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSSkewY (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSStyleValue (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSTransformComponent (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSTransformValue (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSTranslate (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSUnitValue (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSUnparsedValue これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • CSSVariableReferenceValue これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • StylePropertyMap (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。
  • StylePropertyMapReadOnly (en-US) これは実験段階の API です。製品内のコードで使用しないようご注意ください。

廃止された CSSOM インターフェイス これは廃止された API であり、動作は保証されていません。

廃止

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

  • CSSPrimitiveValue (en-US) これは廃止された API であり、動作は保証されていません。
  • CSSValue これは廃止された API であり、動作は保証されていません。
  • CSSValueList (en-US) これは廃止された API であり、動作は保証されていません。

チュートリアル

仕様書

仕様書 状態 備考
CSS Typed OM Level 1 草案
CSS Painting API Level 1 草案 CSS インターフェイスを paintWorklet 静的プロパティで拡張。
CSS Object Model (CSSOM) View Module 草案 Screen および MediaQueryList インターフェイスと MediaQueryListEvent (en-US) イベントと MediaQueryListListener (en-US) イベントリスナーを定義。
CSS Object Model (CSSOM) 草案 CSS インターフェイスを拡張し、最新の CSSOM 仕様書の基礎を提供。
Screen Orientation API 草案
CSS Fonts Module Level 3 勧告
CSS Animations Level 1 草案
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