CSS Object Model, CSS'in JavaScript ile yönetilmesine imkan tanıyan bir API setidir. DOM ile oldukça benzerdir. Ancak CSSOM, HTML'den ziyade CSS içindir. CSSOM ile kullanıcılar CSS'i okuyabilir ya da dinamik olarak değiştirebilirler.
Referanslar
AnimationEventCaretPositionCSSCSSCharsetRuleCSSConditionRuleCSSCounterStyleRuleCSSFontFaceRuleCSSFontFeatureValuesMapCSSFontFeatureValuesRuleCSSGroupingRuleCSSImportRuleCSSKeyframeRuleCSSKeyframesRuleCSSMarginRuleCSSMediaRuleCSSNamespaceRuleCSSPageRuleCSSRuleCSSRuleListCSSStyleDeclarationCSSStyleSheetCSSStyleRuleCSSSupportsRuleCSSVariablesMapCSSViewportRuleElementCSSInlineStyleFontFaceFontFaceSetFontFaceSetLoadEventGeometryUtilsGetStyleUtilsLinkStyleMediaListMediaQueryListMediaQueryListEventMediaQueryListListenerPseudoElementScreenStyleSheetStyleSheetListTransitionEvent
Several other interfaces are also extended by the CSSOM-related specifications: Document, Window, Element, HTMLElement, HTMLImageElement, Range, MouseEvent, and SVGElement.
CSS Typed Object Model
This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
CSSImageValueCSSKeywordValueCSSMathInvertCSSMathMaxCSSMathMinCSSMathNegateCSSMathProductCSSMathSumCSSMathValueCSSMatrixComponentCSSNumericArrayCSSNumericValueCSSPerspectiveCSSPositionValueCSSRotateCSSScaleCSSSkewCSSSkewXCSSSkewYCSSStyleValueCSSTransformComponentCSSTransformValueCSSTranslateCSSUnitValueCSSUnparsedValueCSSVariableReferenceValueStylePropertyMapStylePropertyMapReadOnly
Eski CSSOM Arayüzleri
Obsolete
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.
Öğretici Materyaller
- Elementlerin Boyutunun Belirlenmesi (DHTML/Ajax dönemlerinde olduğu gibi biraz güncellenmesi gerekiyor).
- Ekran oryantasyonunun yönetilmesi
Özellikler
| Specification | Status | Comment |
|---|---|---|
| CSS Typed OM Level 1 | Working Draft | |
| CSS Painting API Level 1 | Working Draft | Extended the CSS interface with the paintWorklet static property. |
| CSS Object Model (CSSOM) View Module | Working Draft | Defined the Screen and MediaQueryList interfaces and the MediaQueryListEvent event and MediaQueryListListener 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 | 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 arayüzü tanımlandı. |
| CSS Device Adaptation | Working Draft | |
| CSS Counter Styles Level 3 | Candidate Recommendation | |
| Document Object Model (DOM) Level 2 Style Specification | Obsolete | İlk tanımlama. |
Tarayıcı Uyumluluğu
Tüm bu özellikler yıllar içinde azar azar farklı tarayıcılara eklendi: Basit bir tabloyla özetlenemeyecek kadar karmaşık bir süreç olduğundan lütfen kullanılabilirlik için belirli arayüzlere bakın.