Esta página foi traduzida do inglês pela comunidade. Saiba mais e junte-se à comunidade MDN Web Docs.
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
AnimationEventCaretPositionCSSCSSCharsetRuleCSSConditionRuleCSSCounterStyleRuleCSSFontFaceRuleCSSFontFeatureValuesMapCSSFontFeatureValuesRuleCSSGroupingRuleCSSImportRuleCSSKeyframeRuleCSSKeyframesRuleCSSMarginRuleCSSMediaRuleCSSNamespaceRuleCSSPageRuleCSSRuleCSSRuleListCSSStylesheetCSSStyleDeclarationCSSSupportsRuleCSSVariablesMapCSSViewportRuleElementCSSInlineStyleGeometryUtilsGetStyleUtilsLinkStyleMediaListMediaQueryListPseudoElementScreenStylesheetStylesheetListTransitionEvent
Outras interfaces podem ser usadas com CSSOM:
Document, Window, Element, HTMLElement, HTMLImageElement, Range, MouseEvent, and SVGElement.
Tutoriais
- Determinando dimensões de elementos (É necessário algumas atualizações, já que foi feito com DHTML/Ajax).
- Gerenciando as orientações da tela
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.