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).
- Управление ориентацией экрана
Спецификации
Совместимость с браузерами
Все эти функции постепенно добавлялись в разные браузеры постепенно: это был довольно сложный процесс, который не может быть сведён в простую таблицу. Пожалуйста, обратитесь к конкретным интерфейсам для его доступности.