MediaList.mediaText

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

mediaTextMediaList インターフェイスの文字列化プロパティで、この MediaList をテキストとして表す文字列を返します。新しい MediaList を設定することもできます。

スタイルシートのメディアクエリーを表す文字列です。それぞれは、 screen and (min-width: 480px), print のようにカンマで区切られます。

ドキュメントに新しいメディアクエリーを設定したい場合は、 screen, print のように、カンマで区切って文字列を指定する必要があります。 MediaList は生きたリストであることに注意してください。 mediaText によってリストを更新すると、ドキュメントの動作がすぐに更新されます。

また、 mediaTextnull を設定しようとすると、空文字列として扱われ、その値は "" に設定されることに注意してください。

次の例は、現在のドキュメントに適用された最初のスタイルシートの MediaList のテキスト表現をコンソールにログ出力するものです。

css
const stylesheets = document.styleSheets;
let stylesheet = stylesheets[0];
console.log(stylesheet.media.mediaText);

仕様書

Specification
CSS Object Model (CSSOM)
# dom-medialist-mediatext

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
mediaText

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support