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, 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
| Especificação | Status | Comentário |
|---|---|---|
| CSS Object Model (CSSOM) | Rascunho atual | |
| CSS Object Model (CSSOM) View Module | Rascunho atual | |
| Screen Orientation API | Rascunho atual | |
| CSS Fonts Module Level 3 | Recomendação | |
| CSS Animations Level 1 | Rascunho atual | |
| CSS Transitions | Rascunho atual | |
| CSS Custom Properties for Cascading Variables Module Level 1 | Candidata a Recomendação | |
| CSS Conditional Rules Module Level 3 | Candidata a Recomendação | |
| CSS Device Adaptation | Rascunho atual | |
| CSS Counter Styles Level 3 | Candidata a Recomendação |
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.