The CSS Object Model is a set of APIs allowing to manipulate CSS from JavaScript. It is the pendant of DOM and HTML APIs, but for CSS. It allows to read and modify CSS style dynamically.
CSS Object Model은 자바 스크립트에서 CSS를 조작 할 수있게 해주는 API 세트입니다. CSS의 경우 DOM와 HTML API의 펜던트이며, 이를 통해 CSS양식을 동적으로 읽고 수정할 수 있습니다.
Reference
레퍼런스
AnimationEventCaretPositionCSSCSSCharsetRuleCSSConditionRuleCSSCounterStyleRuleCSSFontFaceRuleCSSFontFeatureValuesMapCSSFontFeatureValuesRuleCSSGroupingRuleCSSImportRuleCSSKeyframeRuleCSSKeyframesRuleCSSMarginRuleCSSMediaRuleCSSNamespaceRuleCSSPageRuleCSSRuleCSSRuleListCSSStylesheetCSSStyleDeclarationCSSSupportsRuleCSSVariablesMapCSSViewportRuleElementCSSInlineStyleGeometryUtilsGetStyleUtilsLinkStyleMediaListMediaQueryListPseudoElementScreenStylesheetStylesheetListTransitionEvent
Several other interfaces are also extended by the CSSOM-related specifications: Document, Window, Element, HTMLElement, HTMLImageElement, Range, MouseEvent, and SVGElement.
여러 다른 인터페이스도 CSSOM-related 규격에 의해 확장됩니다 : Document, Window, Element, HTMLElement, HTMLImageElement, Range, MouseEvent, and SVGElement.
Tutorials
자습서
- Determining the dimensions of elements (it needs some updating as it was made in the DHTML/Ajax era).
- Managing screen orientation
- elements 의 크기결정 (이글은 DHTML/Ajax 시대에 쓰여졌기 때문에 약간의 업데이트가 필요합니다)
- 화면 방향 관리
Specifications
명세서
| Specification | Status | Comment |
|---|---|---|
| CSS Object Model (CSSOM) | Working Draft | |
| CSS Object Model (CSSOM) View Module | 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 | Working Draft | |
| CSS Conditional Rules Module Level 3 | Candidate Recommendation | |
| CSS Device Adaptation | Working Draft | |
| CSS Counter Styles Level 3 | Candidate Recommendation |
Browser compatibility
브라우저 호완성
All these features have been added little by little over the years to the different browsers: it was a quite complex process that can't be summarized in a simple table. Please refer to the specific interfaces for its availability.
이러한 모든 특징들은 수년 간 조금씩 다른 브라우저들에 의해 추가되어 왔습니다. 그것은 간단한 테이블로 요약될 수 없는 꽤 복잡한 프로세스 였습니다. 인터페이스의 가용성은 구체적인 인터페이스를 참조 하십시오.