CSS Object Model представляет собой набор API-интерфейсов, позволяющих манипулировать CSS из JavaScript. Это очень похоже на DOM, но для CSS, а не HTML. Это позволяет пользователям динамически читать и изменять стиль CSS.
Ссылки
AnimationEventCaretPositionCSSCSSCharsetRuleCSSConditionRuleCSSCounterStyleRuleCSSFontFaceRuleCSSFontFeatureValuesMapCSSFontFeatureValuesRuleCSSGroupingRuleCSSImportRuleCSSKeyframeRuleCSSKeyframesRuleCSSMarginRuleCSSMediaRuleCSSNamespaceRuleCSSPageRuleCSSRuleCSSRuleListCSSStyleDeclarationCSSStyleSheetCSSStyleRuleCSSSupportsRuleCSSVariablesMapCSSViewportRuleElementCSSInlineStyleFontFaceFontFaceSetFontFaceSetLoadEventGeometryUtilsGetStyleUtilsLinkStyleMediaListMediaQueryListMediaQueryListEventMediaQueryListListenerPseudoElementScreenStyleSheetStyleSheetListTransitionEvent
Несколько других интерфейсов также расширены спецификациями, связанными с CSSOM:
Document, Window, Element, HTMLElement, HTMLImageElement, Range, MouseEvent, and SVGElement.
CSS Typed Object Model
Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.
CSSImageValueCSSKeywordValueCSSMathInvertCSSMathMaxCSSMathMinCSSMathNegateCSSMathProductCSSMathSumCSSMathValueCSSMatrixComponentCSSNumericArrayCSSNumericValueCSSPerspectiveCSSPositionValueCSSRotateCSSScaleCSSSkewCSSSkewXCSSSkewYCSSStyleValueCSSTransformComponentCSSTransformValueCSSTranslateCSSUnitValueCSSUnparsedValueCSSVariableReferenceValueStylePropertyMapStylePropertyMapReadOnly
Устаревшие CSSOM interfaces
Вышла из употребления
Эта возможность вышла из употребления. Хотя она может продолжать работать в некоторых браузерах, её использование не рекомендуется, поскольку она может быть удалена в любое время. Старайтесь избегать её использования.
Уроки
- Определение размеров элементов (урок нуждается в обновлении,так как он был сделан в эпоху DHTML/Ajax).
- Управление ориентацией экрана
Спецификации
| Specification | Status | Comment |
|---|---|---|
| CSS Typed OM Level 1 | Рабочий черновик | |
| CSS Painting API Level 1 | Рабочий черновик | Extended the CSS interface with the paintWorklet static property. |
| CSS Object Model (CSSOM) View Module | Рабочий черновик | Defined the Screen and MediaQueryList interfaces and the MediaQueryListEvent event and MediaQueryListListener event listener. |
| CSS Object Model (CSSOM) | Рабочий черновик | Extended the CSS interface and provides the base for the modern CSSOM specification. |
| Screen Orientation API | Рабочий черновик | |
| CSS Fonts Module Level 3 | Кандидат в рекомендации | |
| CSS Animations | Рабочий черновик | |
| CSS Transitions | Рабочий черновик | |
| CSS Custom Properties for Cascading Variables Module Level 1 | Кандидат в рекомендации | |
| CSS Conditional Rules Module Level 3 | Кандидат в рекомендации | Defined the CSS interface. |
| CSS Device Adaptation | Рабочий черновик | |
| CSS Counter Styles Level 3 | Кандидат в рекомендации | |
| Document Object Model (DOM) Level 2 Style Specification | Устаревшая | Initial definition. |
Совместимость с браузерами
Все эти функции постепенно добавлялись в разные браузеры постепенно: это был довольно сложный процесс, который не может быть сведен в простую таблицу. Пожалуйста, обратитесь к конкретным интерфейсам для его доступности.