CSSStyleSheet

CSSStyleSheet()

새로운 CSSStyleSheet 객체를 만듭니다.

부모인 StyleSheet를 상속합니다.

CSSStyleSheet.cssRules 읽기 전용

스타일 시트를 구성하는 최신의 CSSRule 객체 목록을 유지하는 실시간 CSSRuleList를 반환합니다.

참고: 어떤 브라우저에서는, 다른 도메인에서 스타일 시트가 로드되면, cssRules에 접근시 SecurityError가 발생합니다.

CSSStyleSheet.ownerRule 읽기 전용

만약 스타일 시트가 @import 규칙을 사용하는 문서로부터 오면, ownerRule 속성이 해당하는 CSSImportRule을 반환합니다. 그렇지 않으면 이 속성 값은 null입니다.

부모인 StyleSheet를 상속합니다.

CSSStyleSheet.deleteRule()

스타일 시트의 규칙 목록에서 특정 인덱스의 규칙을 삭제합니다.

CSSStyleSheet.insertRule()

주어진 규칙의 텍스트 표현에 따라 스타일 시트의 특정 위치에 새로운 규칙을 삽입합니다.

CSSStyleSheet.replace()

비동기적으로 스타일 시트의 내용을 대체하고 업데이트된 CSSStyleSheet를 처리하는 Promise를 반환합니다.

CSSStyleSheet.replaceSync()

스타일 시트의 내용을 동기적으로 대체합니다.

이 속성들은 마이크로소프트에 의해 소개된 레거시 속성입니다. 이 속성들은 이미 운영중인 사이트의 호환성을 위해 유지됩니다.

rules 읽기 전용 지원이 중단되었습니다

rules 속성은 기능적으로 표준 cssRules와 동일합니다. 스타일 시트의 모든 규칙 목록을 최신으로 유지하는 실시간 CSSRuleList를 반환합니다.

이 메서드들은 마이크로소프트에 의해 소개된 레거시 메서드입니다. 이 메서드들은 이미 운영중인 사이트의 호환성을 위해 유지됩니다.

addRule() 지원이 중단되었습니다

적용될 선택자와 일치하는 요소들에 적용할 스타일을 고려하여 새로운 규칙을 스타일 시트에 추가합니다.

이 메서드는 모든 규칙의 텍스트 표현을 하나의 문자열로 받는 insertRule()과는 다릅니다.

removeRule() 지원이 중단되었습니다

기능적으로 deleteRule()와 동일합니다. 스타일 시트 규칙 목록의 특정 인덱스 규칙을 삭제합니다.

스타일시트는 최대 하나의 Document에 연관되어 있으며, 그 문서에 (disabled가 아니라면)적용됩니다. 주어진 문서의 CSSStyleSheet 객체 목록은 Document.styleSheets 속성을 사용하여 얻을 수 있습니다. 또한 특정 스타일 시트는 그 소유자 객체 (Node 또는 CSSImportRule)로부터 접근할 수 있습니다.

CSSStyleSheet 객체는 스타일 시트가 문서에 로드될 때, 그 문서의 Document.styleSheets 목록으로 브라우저에 의해 자동으로 생성되고 삽입됩니다.

스타일 시트가 문서와 연관될 수 있는 (아마 완성되지 않은)방법들은 다음과 같습니다.

• CSS Object Model
• Using dynamic styling information