Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
CSSMediaRule
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.
DasCSSMediaRule-Interface repräsentiert eine einzelne CSS@media-Regel.
Instanz-Eigenschaften
Erbt Eigenschaften von seinen VorfahrenCSSConditionRule,CSSGroupingRule, undCSSRule.
CSSMediaRule.mediaSchreibgeschütztGibt eine
MediaListzurück, die das beabsichtigte Zielmedium für Stilinformationen repräsentiert.
Instanz-Methoden
Keine spezifischen Methoden; erbt Methoden von seinen VorfahrenCSSConditionRule,CSSGroupingRule, undCSSRule.
Beispiele
Das untenstehende CSS enthält eine Media-Abfrage mit einer Stilregel.Die MDNLive-Beispiel-Infrastruktur kombiniert alle CSS-Blöcke im Beispiel zu einem einzigen Inline-Stil mit der IDcss-output. Daher verwenden wir zunächstdocument.getElementById(), um dieses Blatt zu finden.myRules[0] gibt einCSSMediaRule-Objekt zurück, aus dem wir denmediaText erhalten können.
<p></p>@media (width >= 500px) { body { color: blue; }}const log = document.getElementById("log");const myRules = document.getElementById("css-output").sheet.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 |