CSSConditionRule: conditionText property

{{ APIRef("CSSOM") }}

The read-only conditionText property of the {{domxref("CSSConditionRule")}} interface returns or sets the text of the CSS rule.

Value

A string.

Examples

The following example demonstrates reading the value of conditionText on a {{domxref("CSSMediaRule")}} which implements the {{domxref("CSSConditionRule")}} interface.

@media (width >= 500px) {
  body {
    color: blue;
  }
}

const targetRule = document.styleSheets[0].cssRules[0];
console.log(targetRule.conditionText); // "(width >= 500px)"

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• Using dynamic styling information