CSS 객체 모델 (CSSOM)
CSS Object Model은 JavaScript에서 CSS를 조작할 수 있는 API 집합입니다. HTML 대신 CSS가 대상인 DOM이라고 생각할 수 있으며, 사용자가 CSS 스타일을 동적으로 읽고 수정할 수 있는 방법입니다.
참고서
AnimationEventCaretPosition(en-US)CSSCSSCharsetRuleCSSConditionRule(en-US)CSSCounterStyleRule(en-US)CSSFontFaceRule(en-US)CSSFontFeatureValuesMapCSSFontFeatureValuesRuleCSSGroupingRule(en-US)CSSImportRule(en-US)CSSKeyframeRule(en-US)CSSKeyframesRule(en-US)CSSMarginRuleCSSMediaRuleCSSNamespaceRule(en-US)CSSPageRule(en-US)CSSRule(en-US)CSSRuleList(en-US)CSSStyleDeclaration(en-US)CSSStyleSheetCSSStyleRule(en-US)CSSSupportsRule(en-US)CSSVariablesMapCSSViewportRuleElementCSSInlineStyle(en-US)FontFace(en-US)FontFaceSet(en-US)FontFaceSetLoadEvent(en-US)GeometryUtilsGetStyleUtilsLinkStyle(en-US)MediaList(en-US)MediaQueryList(en-US)MediaQueryListEvent(en-US)MediaQueryListListener(en-US)ScreenStyleSheetStyleSheetList(en-US)TransitionEvent(en-US)
여러 다른 인터페이스도 CSSOM-related 규격에 의해 확장됩니다 : Document, Window, Element, HTMLElement, HTMLImageElement (en-US), Range, MouseEvent, and SVGElement (en-US).
CSS 자료형 객체 모델 Experimental
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
CSSImageValue(en-US) ExperimentalCSSKeywordValue(en-US) ExperimentalCSSMathInvert(en-US) ExperimentalCSSMathMax(en-US) ExperimentalCSSMathMin(en-US) ExperimentalCSSMathNegate(en-US) ExperimentalCSSMathProduct(en-US) ExperimentalCSSMathSum(en-US) ExperimentalCSSMathValue(en-US) ExperimentalCSSMatrixComponent(en-US) ExperimentalCSSNumericArray(en-US) ExperimentalCSSNumericValue(en-US) ExperimentalCSSPerspective(en-US) ExperimentalCSSPositionValue(en-US) ExperimentalCSSRotate(en-US) ExperimentalCSSScale(en-US) ExperimentalCSSSkew(en-US) ExperimentalCSSSkewX(en-US) ExperimentalCSSSkewY(en-US) ExperimentalCSSStyleValue(en-US) ExperimentalCSSTransformComponent(en-US) ExperimentalCSSTransformValue(en-US) ExperimentalCSSTranslate(en-US) ExperimentalCSSUnitValue(en-US) ExperimentalCSSUnparsedValue(en-US) ExperimentalCSSVariableReferenceValue(en-US) ExperimentalStylePropertyMap(en-US) ExperimentalStylePropertyMapReadOnly(en-US) Experimental
자습서
명세서
| Specification | Status | Comment |
|---|---|---|
| CSS Typed OM Level 1 | Working Draft | |
| CSS Painting API Level 1 | Working Draft | Extended the CSS interface with the paintWorklet (en-US) static property. |
| CSS Object Model (CSSOM) View Module | Working Draft | Defined the Screen and MediaQueryList (en-US) interfaces and the MediaQueryListEvent (en-US) event and MediaQueryListListener (en-US) event listener. |
| CSS Object Model (CSSOM) | Working Draft | Extended the CSS interface and provides the base for the modern CSSOM specification. |
| Screen Orientation API | Working Draft | |
| CSS Fonts Module Level 3 | Recommendation | |
| CSS Animations Level 1 | Working Draft | |
| CSS Transitions | Working Draft | |
| CSS Custom Properties for Cascading Variables Module Level 1 | Candidate Recommendation | |
| CSS Conditional Rules Module Level 3 | Candidate Recommendation | Defined the CSS interface. |
| CSS Device Adaptation | Working Draft | |
| CSS Counter Styles Level 3 | Candidate Recommendation | |
| Document Object Model (DOM) Level 2 Style Specification | Obsolete | Initial definition. |