CSS オブジェクトモデルは CSS を JavaScript から操作するための API の集合です。これは DOM にとても良く似ていますが HTML ではなく CSS のためのものです。これにより CSS スタイルを動的に読んだり変更したりすることができます。
リファレンス
AnimationEvent
CaretPosition
CSS
CSSCharsetRule
CSSConditionRule
CSSCounterStyleRule
CSSFontFaceRule
CSSFontFeatureValuesMap
CSSFontFeatureValuesRule
CSSGroupingRule
CSSImportRule
CSSKeyframeRule
CSSKeyframesRule
CSSMarginRule
CSSMediaRule
CSSNamespaceRule
CSSPageRule
CSSRule
CSSRuleList
CSSStyleDeclaration
CSSStyleSheet
CSSStyleRule
CSSSupportsRule
CSSVariablesMap
CSSViewportRule
ElementCSSInlineStyle
FontFace
FontFaceSet
FontFaceSetLoadEvent
GeometryUtils
GetStyleUtils
LinkStyle
MediaList
MediaQueryList
MediaQueryListEvent
MediaQueryListListener
Screen
StyleSheet
StylesheetList
TransitionEvent
他にも CSSOM に関する仕様書で拡張されているインターフェイスがあります。 Document
, Window
, Element
, HTMLElement
, HTMLImageElement
, Range
, MouseEvent
, SVGElement
CSS 型付きオブジェクトモデル
CSSImageValue
CSSKeywordValue
CSSMathInvert
CSSMathMax
CSSMathMin
CSSMathNegate
CSSMathProduct
CSSMathSum
CSSMathValue
CSSMatrixComponent
CSSNumericArray
CSSNumericValue
CSSPerspective
CSSPositionValue
CSSRotate
CSSScale
CSSSkew
CSSSkewX
CSSSkewY
CSSStyleValue
CSSTransformComponent
CSSTransformValue
CSSTranslate
CSSUnitValue
CSSUnparsedValue
CSSVariableReferenceValue
StylePropertyMap
StylePropertyMapReadOnly
廃止された CSSOM インターフェイス
廃止
この機能は廃止されました。まだいくつかのブラウザーで動作するかもしれませんが、いつ削除されてもおかしくないので、使わないようにしましょう。
チュートリアル
- Determining the dimensions of elements (これは DHTML/Ajax 時代に作られたのでいくらか更新が必要です)。
- 画面の向きの管理
仕様書
仕様書 | 状態 | 備考 |
---|---|---|
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 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 | 廃止された | 初回定義 |
ブラウザーの互換性
この機能のすべてはさまざまなブラウザーで何年かけて少しずつ追加されてきました。これは簡単なページにまとめることができないとても複雑なプロセスでした。利用できるかについてはそれぞれのインターフェイスを参照してください。