CSS Object Model (CSSOM)
CSS Object Model представляет собой набор API-интерфейсов, позволяющих манипулировать CSS из JavaScript. Это очень похоже на DOM, но для CSS, а не HTML. Это позволяет пользователям динамически читать и изменять стиль CSS.
Ссылки
AnimationEventCaretPosition(en-US)CSSCSSCharsetRuleCSSConditionRuleCSSCounterStyleRule(en-US)CSSFontFaceRule(en-US)CSSFontFeatureValuesMapCSSFontFeatureValuesRuleCSSGroupingRule(en-US)CSSImportRule(en-US)CSSKeyframeRule(en-US)CSSKeyframesRule(en-US)CSSMarginRuleCSSMediaRule(en-US)CSSNamespaceRule(en-US)CSSPageRule(en-US)CSSRuleCSSRuleList(en-US)CSSStyleDeclarationCSSStyleSheetCSSStyleRule(en-US)CSSSupportsRule(en-US)CSSVariablesMapCSSViewportRuleElementCSSInlineStyle(en-US)FontFaceFontFaceSet(en-US)FontFaceSetLoadEvent(en-US)GeometryUtilsGetStyleUtilsLinkStyle(en-US)MediaList(en-US)MediaQueryList(en-US)MediaQueryListEvent(en-US)MediaQueryListListener(en-US)PseudoElementScreenStyleSheetStyleSheetList(en-US)TransitionEvent(en-US)
Несколько других интерфейсов также расширены спецификациями, связанными с CSSOM:
Document, Window, Element, HTMLElement, HTMLImageElement, Range, MouseEvent, and SVGElement (en-US).
CSS Typed Object Model
Experimental: Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.
CSSImageValue(en-US)CSSKeywordValue(en-US)CSSMathInvert(en-US)CSSMathMax(en-US)CSSMathMin(en-US)CSSMathNegate(en-US)CSSMathProduct(en-US)CSSMathSum(en-US)CSSMathValue(en-US)CSSMatrixComponent(en-US)CSSNumericArray(en-US)CSSNumericValue(en-US)CSSPerspective(en-US)CSSPositionValue(en-US)CSSRotate(en-US)CSSScale(en-US)CSSSkew(en-US)CSSSkewX(en-US)CSSSkewY(en-US)CSSStyleValue(en-US)CSSTransformComponent(en-US)CSSTransformValue(en-US)CSSTranslate(en-US)CSSUnitValue(en-US)CSSUnparsedValue(en-US)CSSVariableReferenceValue(en-US)StylePropertyMap(en-US)StylePropertyMapReadOnly(en-US)
Устаревшие CSSOM interfaces
Вышла из употребления: Эта возможность вышла из употребления. Хотя она может продолжать работать в некоторых браузерах, её использование не рекомендуется, поскольку она может быть удалена в любое время. Старайтесь избегать её использования.
Уроки
- Определение размеров элементов (урок нуждается в обновлении,так как он был сделан в эпоху DHTML/Ajax).
- Управление ориентацией экрана
Спецификации
| Specification | Status | Comment |
|---|---|---|
| CSS Typed OM Level 1 | Рабочий черновик | |
| CSS Painting API Level 1 | Рабочий черновик | Extended the CSS interface with the paintWorklet (en-US) static property. |
| CSS Object Model (CSSOM) View Module | Рабочий черновик | Defined the Screen and MediaQueryList (en-US) interfaces and the MediaQueryListEvent (en-US) event and MediaQueryListListener (en-US) 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 Level 1 | Рабочий черновик | |
| 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. |
Совместимость с браузерами
Все эти функции постепенно добавлялись в разные браузеры постепенно: это был довольно сложный процесс, который не может быть сведён в простую таблицу. Пожалуйста, обратитесь к конкретным интерфейсам для его доступности.