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
AnimationEvent
CaretPosition
(en-US)CSS
(en-US)CSSCharsetRule
CSSConditionRule
(en-US)CSSCounterStyleRule
(en-US)CSSFontFaceRule
(en-US)CSSFontFeatureValuesMap
CSSFontFeatureValuesRule
CSSGroupingRule
(en-US)CSSImportRule
(en-US)CSSKeyframeRule
(en-US)CSSKeyframesRule
(en-US)CSSMarginRule
CSSMediaRule
(en-US)CSSNamespaceRule
(en-US)CSSPageRule
(en-US)CSSRule
CSSRuleList
(en-US)CSSStyleSheet
CSSStyleDeclaration
CSSSupportsRule
(en-US)CSSVariablesMap
CSSViewportRule
ElementCSSInlineStyle
(en-US)GeometryUtils
GetStyleUtils
LinkStyle
(en-US)MediaList
(en-US)MediaQueryList
PseudoElement
Screen
StyleSheet
StyleSheetList
(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.