MediaQueryList: media-Eigenschaft

Die media-Eigenschaft der MediaQueryList-Schnittstelle ist eine schreibgeschützte Zeichenkette, die eine serialisierte Media Query darstellt.

Wert

Eine Zeichenkette, die eine serialisierte Media Query darstellt.

Beispiele

Dieses Beispiel führt die Media Query (max-width: 600px) aus und zeigt den Wert der resultierenden media-Eigenschaft der MediaQueryList in einem <span> an.

JavaScript

js
let mql = window.matchMedia("(max-width: 600px)");

document.querySelector(".mq-value").innerText = mql.media;

Der JavaScript-Code übergibt die zu passende Media Query an matchMedia(), um sie zu kompilieren, und setzt dann die innerText des <span> auf den Wert der media-Eigenschaft des Ergebnisses.

HTML

html
<span class="mq-value"></span>

Ein <span> zur Aufnahme der Ausgabe.

Ergebnis

Spezifikationen

Specification
CSSOM View Module
# dom-mediaquerylist-media

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch