CSSMediaRule
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Die CSSMediaRule-Schnittstelle repräsentiert eine einzelne CSS @media-Regel.
Instanzeigenschaften
Erbt Eigenschaften von ihren Vorfahren CSSConditionRule, CSSGroupingRule und CSSRule.
CSSMediaRule.mediaSchreibgeschützt-
Gibt eine
MediaListzurück, die das beabsichtigte Zielmedium für Stilinformationen repräsentiert.
Instanzmethoden
Keine spezifischen Methoden; erbt Methoden von ihren Vorfahren CSSConditionRule, CSSGroupingRule und CSSRule.
Beispiele
Das folgende CSS enthält eine Medienabfrage mit einer Stilregel. Da diese Regel im zuletzt hinzugefügten Stylesheet des Dokuments lebt, wird sie die erste CSSRule sein, die vom letzten Stylesheet im Dokument zurückgegeben wird (document.styleSheets[document.styleSheets.length-1].cssRules). myRules[0] gibt ein CSSMediaRule-Objekt zurück, von dem wir mediaText erhalten können.
<p id="log"></p>
@media (width >= 500px) {
body {
color: blue;
}
}
const log = document.getElementById("log");
const myRules = document.styleSheets[document.styleSheets.length - 1].cssRules;
const mediaList = myRules[0]; // a CSSMediaRule representing the media query.
log.textContent += ` ${mediaList.media.mediaText}`;
Spezifikationen
| Specification |
|---|
| CSS Conditional Rules Module Level 3 # the-cssmediarule-interface |