CSSRule: cssText プロパティ

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.

cssText は CSSRule インターフェイスのプロパティで、 CSSStyleSheet スタイルルールの実際のテキストを返します。

メモ: このプロパティを要素のスタイルの CSSStyleDeclaration.cssText と混同しないでください。

このプロパティは、仕様化されたとおり、機能的に変更のみで、かつ、暗黙的であることが指定されているため、直接設定することができなくなったことに注意してください。言い換えると、設定しようとしても警告もエラーもなく、絶対に何も起こりません。さらに、設定可能なサブプロパティもありません。従って、これを変更するには、スタイルシートの cssRules[index] プロパティおよび .selectorText、.style （または、そのサブプロパティ）を使用してください。詳細は、動的なスタイル情報の使用を参照してください。

値

この CSSStyleSheet ルールの実際のテキストを含む文字列です。

例

css

body {
  background-color: darkblue;
}

let stylesheet = document.styleSheets[0];
console.log(stylesheet.cssRules[0].cssText); // body { background-color: darkblue; }

仕様書

Specification
CSS Object Model (CSSOM) # dom-cssrule-csstext

ブラウザーの互換性

BCD tables only load in the browser