CSS オブジェクトモデル (CSSOM)
CSS オブジェクトモデルは CSS を JavaScript から操作するための API の集合です。これは DOM にとても良く似ていますが、 HTML ではなく CSS のためのものです。これにより CSS スタイルを動的に読んだり変更したりすることができます。
CSS の値は型を使わずに表現しますので、 String オブジェクトを使用します。
リファレンス
AnimationEventCaretPositionCSSCSSConditionRuleCSSCounterStyleRuleCSSFontFaceRuleCSSFontFeatureValuesMapCSSFontFeatureValuesRuleCSSGroupingRuleCSSImportRuleCSSKeyframeRuleCSSKeyframesRuleCSSMarginRuleCSSMediaRuleCSSNamespaceRuleCSSPageRuleCSSPositionTryRuleCSSPositionTryDescriptorsCSSRuleCSSRuleListCSSStartingStyleRuleCSSStyleDeclarationCSSStyleSheetCSSStyleRuleCSSSupportsRuleCSSNestedDeclarationsFontFaceFontFaceSetFontFaceSetLoadEventMediaListMediaQueryListMediaQueryListEventScreenStyleSheetStyleSheetListTransitionEventVisualViewport
他にも CSSOM に関する仕様書で拡張されているインターフェイスがあります。 Document, Window, Element, HTMLElement, HTMLImageElement, Range, MouseEvent, SVGElement です。
CSS 型付きオブジェクトモデル
CSSImageValueCSSKeywordValueCSSMathInvertCSSMathMaxCSSMathMinCSSMathNegateCSSMathProductCSSMathSumCSSMathValueCSSMatrixComponentCSSNumericArrayCSSNumericValueCSSPerspectiveCSSPositionValueCSSRotateCSSScaleCSSSkewCSSSkewXCSSSkewYCSSStyleValueCSSTransformComponentCSSTransformValueCSSTranslateCSSUnitValueCSSUnparsedValueCSSVariableReferenceValueStylePropertyMapStylePropertyMapReadOnly
廃止された CSSOM インターフェイス
チュートリアル
仕様書
| 仕様書 |
|---|
| CSS Object Model (CSSOM) |
| CSSOM View Module |
| CSS Typed OM Level 1 |
ブラウザーの互換性
この機能のすべてはさまざまなブラウザーで何年かけて少しずつ追加されてきました。これは簡単なページにまとめることができないとても複雑なプロセスでした。利用できるかについてはそれぞれのインターフェイスを参照してください。