CSSMediaRule: media-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die schreibgeschützte media-Eigenschaft des CSSMediaRule-Interfaces enthält ein MediaList-Objekt, das die Media-Query-Liste der @media-Regel darstellt.
Wert
Ein MediaList-Objekt.
Obwohl die media-Eigenschaft selbst insofern schreibgeschützt ist, als Sie das MediaList-Objekt nicht ersetzen können, können Sie dennoch direkt der media-Eigenschaft einen Wert zuweisen, was gleichbedeutend mit der Zuweisung zu ihrer mediaText-Eigenschaft ist. Sie können auch das MediaList-Objekt mit den Methoden appendMedium() und deleteMedium() modifizieren.
Beispiele
Der CSS-Code enthält eine Media-Query mit einer Stilregel. Diese wird die erste
CSSRule sein, die von document.styleSheets[0].cssRules zurückgegeben wird.
Ein Aufruf von myRules[0].media gibt daher ein MediaList-Objekt zurück, das die Media-Query darstellt.
@media (width >= 500px) {
body {
color: blue;
}
}
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].media); // a MediaList
Spezifikationen
| Specification |
|---|
| CSS Conditional Rules Module Level 3 # dom-cssmediarule-media |