CSS Object Model представляет собой набор API-интерфейсов, позволяющих манипулировать CSS из JavaScript. Это очень похоже на DOM, но для CSS, а не HTML. Это позволяет пользователям динамически читать и изменять стиль CSS.
Ссылки
AnimationEvent
CaretPosition
CSS
CSSCharsetRule
CSSConditionRule
CSSCounterStyleRule
CSSFontFaceRule
CSSFontFeatureValuesMap
CSSFontFeatureValuesRule
CSSGroupingRule
CSSImportRule
CSSKeyframeRule
CSSKeyframesRule
CSSMarginRule
CSSMediaRule
CSSNamespaceRule
CSSPageRule
CSSRule
CSSRuleList
CSSStyleDeclaration
CSSStyleSheet
CSSStyleRule
CSSSupportsRule
CSSVariablesMap
CSSViewportRule
ElementCSSInlineStyle
FontFace
FontFaceSet
FontFaceSetLoadEvent
GeometryUtils
GetStyleUtils
LinkStyle
MediaList
MediaQueryList
MediaQueryListEvent
MediaQueryListListener
PseudoElement
Screen
StyleSheet
StyleSheetList
TransitionEvent
Несколько других интерфейсов также расширены спецификациями, связанными с CSSOM:
Document
, Window
, Element
, HTMLElement
, HTMLImageElement
, Range
, MouseEvent
, and SVGElement
.
CSS Typed Object Model
Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.
CSSImageValue
CSSKeywordValue
CSSMathInvert
CSSMathMax
CSSMathMin
CSSMathNegate
CSSMathProduct
CSSMathSum
CSSMathValue
CSSMatrixComponent
CSSNumericArray
CSSNumericValue
CSSPerspective
CSSPositionValue
CSSRotate
CSSScale
CSSSkew
CSSSkewX
CSSSkewY
CSSStyleValue
CSSTransformComponent
CSSTransformValue
CSSTranslate
CSSUnitValue
CSSUnparsedValue
CSSVariableReferenceValue
StylePropertyMap
StylePropertyMapReadOnly
Устаревшие 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. |
Совместимость с браузерами
Все эти функции постепенно добавлялись в разные браузеры постепенно: это был довольно сложный процесс, который не может быть сведен в простую таблицу. Пожалуйста, обратитесь к конкретным интерфейсам для его доступности.