CSSStyleSheet インターフェースを実装したオブジェクトは 1枚の CSS スタイルシートを表します。
CSS スタイルシートは CSS ルールの集合体で、各ルールの操作は対応するオブジェクトや、 CSSStyleRule インターフェースを実装し CSSRule を実装するオブジェクトを通じて行えます。CSSStyleSheet 自身を調べて、対応するスタイルシートとその中にあるルールを編集することができます。
実際には、どの CSSStyleSheet ももっと包括的な StyleSheet インターフェースを実装しています。文書が外部の CSS スタイルシートやインラインの style 要素でスタイルづけされていれば、ある文書用のスタイルシートに対応する CSSStyleSheet の実装オブジェクトの一覧は document.styleSheets プロパティから参照できます。
プロパティ
cssRules- スタイルシートの CSS ルールにある
CSSRuleListを返します。 ownerRule- 文書に
@importルールを使ってインポートされたスタイルシートであればownerRuleプロパティはCSSImportRuleを返し、そうでなければnullを返します。
メソッド
deleteRule- スタイルシートからルールを削除します。
insertRule- 現在のスタイルシートに新しいスタイルルールを挿入します。
注記
一部のブラウザでは、スタイルシートが別のドメインから読み込まれていると、cssRules の呼び出しで SecurityError が発生します。
仕様
DOM Level 2 CSS: CSSStyleSheet interface