CSSRule

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

인스턴스 속성

CSSRule 인터페이스는 모든 규칙에 대해 공통적인 속성을 지정하는 반면에, 특정 규칙 유형의 고유한 속성은 해당 규칙 유형에 해당하는 더 전문화된 인터페이스에서 지정됩니다.

CSSRule.cssText

규칙의 텍스트 형식의 표현을 나타냅니다. 예를 들어, "h1,h2 { font-size: 16pt }" 또는 "@import 'url'" 형식입니다. 규칙의 일부에 접근하거나 일부를 변경하려면 (예제에서 "font-size" 의 값) 규칙 유형의 전문화된 인터페이스 속성을 사용해야 합니다.

CSSRule.parentRule 읽기 전용

이 규칙을 포함하는 상위 규칙을 반환하고, 상위 규칙이 없는 경우 null 을 반환합니다. 예를 들어, 이 규칙이 @media 블록 내에 있는 스타일 규칙인 경우, 상위 규칙은 CSSMediaRule입니다.

CSSRule.parentStyleSheet 읽기 전용

해당 규칙을 포함하는 스타일 시트의 CSSStyleSheet 객체를 반환합니다.

CSSRule.type 읽기 전용 지원이 중단되었습니다

Type 상수 중 하나를 반환하여 어떤 유형의 규칙이 표현되는지 결정합니다.

예제

CSSRule 에 대한 참조는 CSSStyleSheetcssRules 항목들에 포함되어 있습니다.

js
let myRules = document.styleSheets[0].cssRules; // CSSRuleList 를 반환합니다.
console.log(myRules);

명세서

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

브라우저 호환성

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
CSSRule
cssText
parentRule
parentStyleSheet
type
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Deprecated. Not for use in new websites.

같이 보기