CSSRule

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

CSSRule.cssText

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

CSSRule.parentRule 읽기 전용

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

CSSRule.parentStyleSheet 읽기 전용

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

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

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

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

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

• 동적 스타일링 정보 사용하기