CSS オブジェクトモデルは CSS を JavaScript から操作するためのAPIの集合です。これは DOM と HTML API のペンダントですが、CSS用です。これにより CSS スタイルを動的に読んだり編集したりできます。
リファレンス
AnimationEventCaretPositionCSSCSSCharsetRuleCSSConditionRuleCSSCounterStyleRuleCSSFontFaceRuleCSSFontFeatureValuesMapCSSFontFeatureValuesRuleCSSGroupingRuleCSSImportRuleCSSKeyframeRuleCSSKeyframesRuleCSSMarginRuleCSSMediaRuleCSSNamespaceRuleCSSPageRuleCSSRuleCSSRuleListCSSStylesheetCSSStyleDeclarationCSSSupportsRuleCSSVariablesMapCSSViewportRuleElementCSSInlineStyleGeometryUtilsGetStyleUtilsLinkStyleMediaListMediaQueryListPseudoElementScreenStylesheetStylesheetListTransitionEvent
その他いくつかのインターフェイスも CSSOM-関連の仕様で拡張されています: Document, Window, Element, HTMLElement, HTMLImageElement, Range, MouseEvent, and SVGElement.
チュートリアル
- Determining the dimensions of elements (これは DHTML/Ajax 時代に作られたのでいくらか更新が必要です)。
- 画面の向きを管理する
仕様
ブラウザー互換性注記
この機能のすべてはさまざまなブラウザーで何年かけて少しずつ追加されてきました: これは簡単なページにまとめることができないとても複雑なプロセスでした。利用できるかについてはそれぞれのインターフェイスを参照してください。