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
AnimationEventCaretPositionCSSCSSCharsetRuleCSSConditionRuleCSSCounterStyleRuleCSSFontFaceRuleCSSFontFeatureValuesMapCSSFontFeatureValuesRuleCSSGroupingRuleCSSImportRuleCSSKeyframeRuleCSSKeyframesRuleCSSMarginRuleCSSMediaRuleCSSNamespaceRuleCSSPageRuleCSSRuleCSSRuleListCSSStylesheetCSSStyleDeclarationCSSSupportsRuleCSSVariablesMapCSSViewportRuleElementCSSInlineStyleGeometryUtilsGetStyleUtilsLinkStyleMediaListMediaQueryListPseudoElementScreenStylesheetStylesheetListTransitionEvent
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
| Spécification | Statut | Commentaire |
|---|---|---|
| CSS Object Model (CSSOM) | Version de travail | |
| CSS Object Model (CSSOM) View Module | Version de travail | |
| Screen Orientation API | Version de travail | |
| CSS Fonts Module Level 3 | Candidat au statut de recommandation | |
| CSS Animations | Version de travail | |
| CSS Transitions | Version de travail | |
| CSS Custom Properties for Cascading Variables Module Level 1 | Version de travail | |
| CSS Conditional Rules Module Level 3 | Candidat au statut de recommandation | |
| CSS Device Adaptation | Version de travail | |
| CSS Counter Styles Level 3 | Candidat au statut de recommandation |
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.