CSSRule
Интерфейс CSSRule представляет собой одно правило CSS. Есть несколько типов правил, перечисленных в разделе Type constants ниже.
Интерфейс CSSRule определяет общие свойства для всех правил, в то время как свойства характерные только для определённых типов правил указаны в более специализированных интерфейсах для соответствующих типов этих правил.
Ссылки на CSSRule вы можете получить на странице CSSStyleSheet список cssRules.
Общие свойства для всех экземпляров CSSRule
CSSRule.cssText(en-US)- Represents the textual representation of the rule, e.g. "
h1,h2 { font-size: 16pt }" or "@import 'url'". To access or modify parts of the rule (e.g. the value of "font-size" in the example) use the properties on the specialized interface for the rule's type. CSSRule.parentRule(en-US) Только для чтения- Returns the containing rule, otherwise
null. E.g. if this rule is a style rule inside an@mediablock, the parent rule would be thatCSSMediaRule(en-US). CSSRule.parentStyleSheet(en-US) Только для чтения- Returns the
CSSStyleSheetobject for the style sheet that contains this rule CSSRule.type(en-US) Только для чтения- One of the Type constants indicating the type of CSS rule.
Константы
Типы констант
The CSSRule interface specifies integer constants that can be used in conjunction with a CSSRule's type (en-US) property to discern the rule type (and therefore, which specialized interface it implements). The relationships between these constants and the interfaces are:
| Type | Value | Rule-specific interface | Comments and examples |
|---|---|---|---|
CSSRule.STYLE_RULE |
1 |
CSSStyleRule (en-US) |
The most common kind of rule:selector { prop1: val1; prop2: val2; } |
CSSRule.IMPORT_RULE |
3 |
CSSImportRule (en-US) |
An @import (en-US) rule. (Until the documentation is completed, see the interface definition in the Mozilla source code: nsIDOMCSSImportRule.) |
CSSRule.MEDIA_RULE |
4 |
CSSMediaRule (en-US) |
|
CSSRule.FONT_FACE_RULE |
5 |
CSSFontFaceRule (en-US) |
|
CSSRule.PAGE_RULE |
6 |
CSSPageRule (en-US) |
|
CSSRule.KEYFRAMES_RULE |
7 |
CSSKeyframesRule (en-US)
Experimental
|
|
CSSRule.KEYFRAME_RULE |
8 |
CSSKeyframeRule (en-US)
Experimental
|
|
| Reserved for future use | 9 |
Should be used to define color profiles in the future | |
CSSRule.NAMESPACE_RULE |
10 |
CSSNamespaceRule (en-US)
Experimental
|
|
CSSRule.COUNTER_STYLE_RULE |
11 |
CSSCounterStyleRule (en-US)
Experimental
|
|
CSSRule.SUPPORTS_RULE |
12 |
CSSSupportsRule (en-US) |
|
CSSRule.DOCUMENT_RULE |
13 |
CSSDocumentRule
Experimental
|
|
CSSRule.FONT_FEATURE_VALUES_RULE |
14 |
CSSFontFeatureValuesRule |
|
CSSRule.VIEWPORT_RULE |
15 |
CSSViewportRule
Experimental
|
|
CSSRule.REGION_STYLE_RULE |
16 |
CSSRegionStyleRule
Experimental
|
|
CSSRule.UNKNOWN_RULE |
0 |
CSSUnknownRule |
|
CSSRule.CHARSET_RULE |
2 |
CSSCharsetRule |
(Removed in most browsers.) |
An up-to-date informal list of constants can be found on the CSSWG Wiki.
Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Object Model (CSSOM) Определение 'CSSRule' в этой спецификации. |
Рабочий черновик | Obsoleted values CHARSET_RULE and UNKNOWN_RULE. Added value NAMESPACE_RULE. |
| CSS Animations Level 1 Определение 'CSSRule' в этой спецификации. |
Рабочий черновик | Added values KEYFRAMES_RULE and KEYFRAME_RULE. |
| CSS Fonts Module Level 3 Определение 'CSSRule' в этой спецификации. |
Рекомендация | Added value FONT_FEATURE_VALUES_RULE. |
| CSS Counter Styles Level 3 Определение 'CSSRule' в этой спецификации. |
Кандидат в рекомендации | Added value COUNTER_STYLE_RULE. |
| CSS Conditional Rules Module Level 3 Определение 'CSSRule' в этой спецификации. |
Кандидат в рекомендации | Added value SUPPORTS_RULE. (DOCUMENT_RULE has been pushed to CSS Conditional Rules Level 4) |
| Document Object Model (DOM) Level 2 Style Specification Определение 'CSSRule' в этой спецификации. |
Устаревшая | Initial definition. |
Browser compatibility
BCD tables only load in the browser