CSS Object Model
El Modelo de objetos CSS (CSS Object Model) es un conjunto de APIs que permite manipular CSS desde JavaScript. Así como el DOM (Document Object Model) es para HTML, el CSSOM (CSS Object Model) es para CSS. Permite leer y modificar el estilo de CSS de forma dinámica.
Referencia
AnimationEventCaretPosition(en-US)CSS(en-US)CSSCharsetRuleCSSConditionRule(en-US)CSSCounterStyleRule(en-US)CSSFontFaceRule(en-US)CSSFontFeatureValuesMapCSSFontFeatureValuesRule(en-US)CSSGroupingRule(en-US)CSSImportRule(en-US)CSSKeyframeRule(en-US)CSSKeyframesRule(en-US)CSSMarginRuleCSSMediaRule(en-US)CSSNamespaceRule(en-US)CSSPageRule(en-US)CSSRuleCSSRuleList(en-US)CSSStyleSheetCSSStyleDeclarationCSSSupportsRule(en-US)CSSVariablesMapCSSViewportRuleElementCSSInlineStyle(en-US)GeometryUtilsGetStyleUtilsLinkStyle(en-US)MediaList(en-US)MediaQueryListPseudoElementScreenStyleSheetStyleSheetList(en-US)TransitionEvent(en-US)
Algunas otras interfaces también son complementadas por las especificaciones relacionadas con CSSOM: Document, Window, Element, HTMLElement, HTMLImageElement, Range, MouseEvent, y SVGElement (en-US).
Tutoriales
- Determinar las dimensiones de los elementos (en-US) (Necesita actualización porque se realizó con DHTML/Ajax).
- Gestionando la orientación de la pantalla (en-US)
Especificaciones
| Specification |
|---|
| CSS Object Model (CSSOM) |
| CSSOM View Module |
| CSS Typed OM Level 1 |
Notas de compatibilidad con los navegadores
Todas estas funcionalidades han sido añadidas a los navegadores poco a poco durante los años: Es un complejo proceso que no puede ser resumido en una simple tabla. Por favor busca la disponibilidad en navegadores en las interfaces específicas.