CSS Object Model
O CSS Object Model é um conjunto de APIs que permite manipular o CSS através do JavaScript. Isto depende do DOM e da HTML APIs. Com isto é permitido a leitura e a modificação dos estilos CSS dinamicamente.
Referências
AnimationEventCaretPosition(en-US)CSSCSSCharsetRuleCSSConditionRule(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)CSSRule(en-US)CSSRuleList(en-US)CSSStylesheet(en-US)CSSStyleDeclaration(en-US)CSSSupportsRule(en-US)CSSVariablesMapCSSViewportRuleElementCSSInlineStyle(en-US)GeometryUtilsGetStyleUtilsLinkStyle(en-US)MediaList(en-US)MediaQueryList(en-US)PseudoElementScreen(en-US)Stylesheet(en-US)StylesheetList(en-US)TransitionEvent(en-US)
Outras interfaces podem ser usadas com CSSOM:
Document, Window, Element, HTMLElement (en-US), HTMLImageElement (en-US), Range (en-US), MouseEvent, and SVGElement (en-US).
Tutoriais
- Determinando dimensões de elementos (en-US) (É necessário algumas atualizações, já que foi feito com DHTML/Ajax).
- Gerenciando as orientações da tela (en-US)
Especificações
| Specification |
|---|
| CSS Object Model (CSSOM) |
| CSSOM View Module |
| CSS Typed OM Level 1 |
Notas de compatibilidade do navegador
Todos esses recursos foram adicionados pouco a pouco ao logo dos anos para os diferentes navegadores: Foi um processo bastante complexo que não podem ser sintetizados em uma simples tabela. Por favor, pesquise por uma interface específica e sua disponibilidade.