CSS Object Model은 자바 스크립트에서 CSS를 조작 할 수있게 해주는 API 세트입니다. CSS의 경우 DOM와 HTML API의 펜던트이며, 이를 통해 CSS양식을 동적으로 읽고 수정할 수 있습니다.
레퍼런스
AnimationEventCaretPositionCSSCSSCharsetRuleCSSConditionRuleCSSCounterStyleRuleCSSFontFaceRuleCSSFontFeatureValuesMapCSSFontFeatureValuesRuleCSSGroupingRuleCSSImportRuleCSSKeyframeRuleCSSKeyframesRuleCSSMarginRuleCSSMediaRuleCSSNamespaceRuleCSSPageRuleCSSRuleCSSRuleListCSSStyleDeclarationCSSStyleSheetCSSStyleRuleCSSSupportsRuleCSSVariablesMapCSSViewportRuleElementCSSInlineStyleFontFaceFontFaceSetFontFaceSetLoadEventGeometryUtilsGetStyleUtilsLinkStyleMediaListMediaQueryListMediaQueryListEventMediaQueryListListenerPseudoElementScreenStyleSheetStyleSheetListTransitionEvent
여러 다른 인터페이스도 CSSOM-related 규격에 의해 확장됩니다 : Document, Window, Element, HTMLElement, HTMLImageElement, Range, MouseEvent, and SVGElement.
CSS 타입 객체 모델
This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
CSSImageValueCSSKeywordValueCSSMathInvertCSSMathMaxCSSMathMinCSSMathNegateCSSMathProductCSSMathSumCSSMathValueCSSMatrixComponentCSSNumericArrayCSSNumericValueCSSPerspectiveCSSPositionValueCSSRotateCSSScaleCSSSkewCSSSkewXCSSSkewYCSSStyleValueCSSTransformComponentCSSTransformValueCSSTranslateCSSUnitValueCSSUnparsedValueCSSVariableReferenceValueStylePropertyMapStylePropertyMapReadOnly
더 이상 쓰지 않는 CSSOM 인터페이스
안씀
This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.
자습서
- 엘리먼트의 차원 결정(DHTML/Ajax 시대에 만들어졌으므로 업데이트가 필요함).
- 화면 방향 관리
명세서
| 명세 | 상태 | 코멘트 |
|---|---|---|
| CSS Typed OM Level 1 | Working Draft | |
| CSS Painting API Level 1 | Working Draft | CSS 정적 프로퍼티 paintWorklet 로 확장되었음. |
| CSS Object Model (CSSOM) View Module | Working Draft | Screen, MediaQueryList 인터페이스 및 MediaQueryListEvent 이벤트와 MediaQueryListListener 이벤트 리스너가 정의되었음. |
| CSS Object Model (CSSOM) | Working Draft |
|
| Screen Orientation API | Working Draft | |
| CSS Fonts Module Level 3 | Candidate Recommendation | |
| CSS Animations | 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 | CSS 인터페이스가 정의되었음. |
| CSS Device Adaptation | Working Draft | |
| CSS Counter Styles Level 3 | Candidate Recommendation | |
| Document Object Model (DOM) Level 2 Style Specification | Obsolete | 초기 정의. |
브라우저 호환성
이러한 모든 특징들은 수년 간 조금씩 다른 브라우저들에 의해 추가되어 왔습니다. 그것은 간단한 테이블로 요약될 수 없는 꽤 복잡한 프로세스 였습니다. 인터페이스의 가용성은 구체적인 인터페이스를 참조 하십시오.
함께 보기