CSS オブジェクトモデル (CSSOM)
CSS オブジェクトモデルは CSS を JavaScript から操作するための API の集合です。これは DOM にとても良く似ていますが、 HTML ではなく CSS のためのものです。これにより CSS スタイルを動的に読んだり変更したりすることができます。
CSS の値は型を使わずに表現しますので、 String
オブジェクトを使用します。
リファレンス
AnimationEvent
CaretPosition
CSS
CSSCharsetRule
CSSConditionRule
CSSCounterStyleRule
(en-US)CSSFontFaceRule
CSSFontFeatureValuesMap
CSSFontFeatureValuesRule
(en-US)CSSGroupingRule
CSSImportRule
(en-US)CSSKeyframeRule
CSSKeyframesRule
CSSMarginRule
CSSMediaRule
CSSNamespaceRule
CSSPageRule
CSSRule
CSSRuleList
CSSStyleDeclaration
CSSStyleSheet
CSSStyleRule
CSSSupportsRule
CSSVariablesMap
CSSViewportRule
FontFace
(en-US)FontFaceSet
(en-US)FontFaceSetLoadEvent
(en-US)GetStyleUtils
MediaList
MediaQueryList
MediaQueryListEvent
(en-US)Screen
StyleSheet
StyleSheetList
TransitionEvent
他にも CSSOM に関する仕様書で拡張されているインターフェイスがあります。 Document
, Window
, Element
, HTMLElement
, HTMLImageElement
, Range
, MouseEvent
, SVGElement
です。
CSS 型付きオブジェクトモデル Experimental
Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。
CSSImageValue
ExperimentalCSSKeywordValue
ExperimentalCSSMathInvert
(en-US) ExperimentalCSSMathMax
(en-US) ExperimentalCSSMathMin
(en-US) ExperimentalCSSMathNegate
(en-US) ExperimentalCSSMathProduct
(en-US) ExperimentalCSSMathSum
(en-US) ExperimentalCSSMathValue
(en-US) ExperimentalCSSMatrixComponent
(en-US) ExperimentalCSSNumericArray
(en-US) ExperimentalCSSNumericValue
ExperimentalCSSPerspective
(en-US) ExperimentalCSSPositionValue
(en-US) ExperimentalCSSRotate
(en-US) ExperimentalCSSScale
(en-US) ExperimentalCSSSkew
ExperimentalCSSSkewX
(en-US) ExperimentalCSSSkewY
(en-US) ExperimentalCSSStyleValue
ExperimentalCSSTransformComponent
ExperimentalCSSTransformValue
ExperimentalCSSTranslate
(en-US) ExperimentalCSSUnitValue
(en-US) ExperimentalCSSUnparsedValue
ExperimentalCSSVariableReferenceValue
ExperimentalStylePropertyMap
ExperimentalStylePropertyMapReadOnly
Experimental
廃止された CSSOM インターフェイス 非推奨
非推奨: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。
CSSPrimitiveValue
(en-US) 非推奨CSSValue
非推奨CSSValueList
(en-US) 非推奨
チュートリアル
仕様書
Specification |
---|
CSS Object Model (CSSOM) |
CSSOM View Module |
CSS Typed OM Level 1 |
ブラウザーの互換性
この機能のすべてはさまざまなブラウザーで何年かけて少しずつ追加されてきました。これは簡単なページにまとめることができないとても複雑なプロセスでした。利用できるかについてはそれぞれのインターフェイスを参照してください。