CSS Object Model
Le CSS Object Model est un ensemble d’API permettant de manipuler le CSS depuis JavaScript. C’est l’équivalent des API DOM et HTML, mais pour CSS. Il permet de lire et modifier des styles CSS dynamiquement.
Référence
AnimationEvent
CaretPosition
(en-US)CSS
CSSCharsetRule
CSSConditionRule
(en-US)CSSCounterStyleRule
(en-US)CSSFontFaceRule
(en-US)CSSFontFeatureValuesMap
CSSFontFeatureValuesRule
(en-US)CSSGroupingRule
(en-US)CSSImportRule
(en-US)CSSKeyframeRule
(en-US)CSSKeyframesRule
(en-US)CSSMarginRule
CSSMediaRule
CSSNamespaceRule
(en-US)CSSPageRule
(en-US)CSSRule
(en-US)CSSRuleList
CSSStylesheet
(en-US)CSSStyleDeclaration
CSSSupportsRule
(en-US)CSSVariablesMap
CSSViewportRule
ElementCSSInlineStyle
(en-US)GeometryUtils
GetStyleUtils
LinkStyle
(en-US)MediaList
(en-US)MediaQueryList
(en-US)PseudoElement
Screen
(en-US)Stylesheet
StylesheetList
TransitionEvent
Quelques autres interfaces sont également étentues par les spécifications relatives au CSSOM : Document
, Window
, Element
, HTMLElement
, HTMLImageElement
, Range
, MouseEvent
, et SVGElement
.
Tutoriels
- Déterminer les dimensions l’un élément (nécéssite une mise à jour, car datant de l’époque DHTML/Ajax).
- Gérer l’orientation de l’écran
Spécifications
Specification |
---|
CSS Object Model (CSSOM) |
CSSOM View Module |
CSS Typed OM Level 1 |
Notes sur la compatibilité des navigateurs
Toutes ces fonctionnalités ont été ajoutées petit à petit au fil des années dans les différents navigateurs : ce fut un processus assez complexe, impossible à résumer en un simple tableau. Veuillez vous référer aux interfaces spécifiques pour connaître leurs disponibilités.