XML DOM CSSStyleSheet 객체

CSSStyleSheet 객체

CSSStyleSheet 객체는 단일 CSS 스타일 시트를 나타냅니다.

CSS 스타일 시트는 CSS 규칙으로 구성되어 있으며, CSSRule 객체를 사용하여 각 규칙을操作할 수 있습니다. CSSStyleSheet 객체는 스타일 시트 규칙을 쿼리, 삽입 및 제거할 수 있게 합니다.

document.styleSheets 속성을 사용하여 주어진 문서의 스타일 시트 목록(스타일 시트 객체의 집합)을 얻을 수 있습니다.

CSSStyleRule 객체의 속성

cssRules
스타일 시트에 포함된 모든 CSS 규칙을 배열 형태로 반환합니다.
disabled
현재 스타일 시트가 적용되었는지를 나타내는 속성입니다. true라면 스타일 시트가 비활성화되고 문서에 적용할 수 없습니다. false라면 스타일 시트가 활성화되어 문서에 적용할 수 있습니다.
href
스타일 테이블의 위치(URL)를 반환합니다. 내장 스타일 테이블의 경우 null입니다.
media
스타일 정보가 예상하는 대상 매디어를 규정합니다.
ownerNode
스타일 테이블을 문서와 연결하는 노드를 반환합니다.
ownerRule
스타일 테이블이 @import 규칙에서 온 경우, ownerRule 속성은 CSSImportRule을 포함합니다.
parentStyleSheet
스타일 테이블을 포함하는 스타일 테이블(있는 경우)을 반환합니다.
title
현재 스타일 테이블의 제목을 반환합니다. 제목은 <style> 또는 <link> 요소의 title 속성을 참조하여 지정할 수 있습니다.
type
이 스타일 테이블의 스타일 테이블 언어를 규정합니다. MIME 타입으로 표현되며, CSS 스타일 테이블의 타입은 "text/css"입니다.

CSSStyleRule 객체 메서드

메서드 설명
addRule() 스타일 테이블에 규칙을 추가하는 특정 IE 메서드.
deleteRule() 지정된 위치에서 규칙을 제거하는 DOM 표준 메서드.
insertRule() 스타일 테이블에 새로운 규칙을 삽입하는 DOM 표준 메서드.
removeRule() 특정 IE에 대한 규칙을 제거하는 메서드.

관련 페이지

XML DOM 참조 설명서:CSSRule 객체