CSSRule: свойство cssText

Базовая Широко поддерживается

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с сентября 2015 года.

Свойство cssText интерфейса CSSRule возвращает фактический текст правила стиля CSSStyleSheet.

Примечание: Не путайте это свойство со свойством CSSStyleDeclaration.cssText для стиля элемента.

Обратите внимание, что это свойство больше нельзя устанавливать напрямую, так как оно теперь определено как функционально только для чтения и изменения без оповещения. Другими словами, попытка установить его абсолютно ничего не делает и даже не выводит предупреждение или ошибку. Кроме того, оно не имеет устанавливаемых дочерних свойств. Поэтому для его изменения используйте свойства cssRules[index] .selectorText и .style (или его дочерние свойства) таблицы стилей. Подробнее см. Использование динамической информации о стиле.

Значение

Строка, содержащая фактический текст правила CSSStyleSheet.

Примеры

body {
  background-color: darkblue;
}

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

Спецификации

Спецификация
CSS Объектная модель (CSSOM) # dom-cssrule-csstext

Совместимость браузеров

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`cssText`	1	12	1	≤12.1	1	18	4	≤12.1	1	1.0	4.4

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSRule/cssText