Интерфейс 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 @media block, the parent rule would be that CSSMediaRule (en-US).

CSSRule.parentStyleSheet (en-US) Только для чтения

Returns the CSSStyleSheet object 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) Экспериментальная возможность
CSSRule.KEYFRAME_RULE 8 CSSKeyframeRule (en-US) Экспериментальная возможность
Reserved for future use 9 Should be used to define color profiles in the future
CSSRule.NAMESPACE_RULE 10 CSSNamespaceRule (en-US) Экспериментальная возможность
CSSRule.COUNTER_STYLE_RULE 11 CSSCounterStyleRule (en-US) Экспериментальная возможность
CSSRule.SUPPORTS_RULE 12 CSSSupportsRule (en-US)
CSSRule.DOCUMENT_RULE 13 CSSDocumentRule Экспериментальная возможность
CSSRule.FONT_FEATURE_VALUES_RULE 14 CSSFontFeatureValuesRule (en-US)
CSSRule.VIEWPORT_RULE 15 CSSViewportRule Экспериментальная возможность
CSSRule.REGION_STYLE_RULE 16 CSSRegionStyleRule Экспериментальная возможность
CSSRule.CHARSET_RULE 2 CSSCharsetRule (Removed in most browsers.)

An up-to-date informal list of constants can be found on the CSSWG Wiki.


CSS Object Model (CSSOM)
# the-cssrule-interface

Совместимость с браузерами

BCD tables only load in the browser

See also