blob: 499283e9c0681c27e1d26414a27184d86e92776b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
---
title: Media (CSS)
slug: Glossary/Media/CSS
tags:
- CSS
- Glossary
- Intro
- Media
translation_of: Glossary/Media/CSS
---
<p><span class="seoSummary">{{Glossary("CSS")}} (Cascading Style Sheets) の文脈において、<strong><dfn>メディア</dfn></strong>という用語は{{Glossary("rendering engine", "レンダリングエンジン")}}によって描画される文書の出力先を参照します。</span>これはふつうは端末の画面ですが、プリンターや読み上げ装置、点字ディスプレイ、あるいはそのほかの装置の可能性もあります。</p>
<p>CSS には、閲覧者の端末のメディアの<strong>種類</strong> (画面や印刷など) やメディアの<strong>能力</strong> (幅、解像度、その他の値など) に応じて、文書のスタイルを微調整したり、異なるスタイルを提供したりすることができる機能がいくつかあります。</p>
<h2 id="Learn_more" name="Learn_more">関連項目</h2>
<h3 id="General_knowledge" name="General_knowledge">一般知識</h3>
<ul>
<li><a href="/ja/docs/Web/CSS/Media_Queries/Using_media_queries">メディアクエリーの使用</a></li>
</ul>
<h3 id="Technical_reference" name="Technical_reference">技術リファレンス</h3>
<dl>
<dt><a href="/ja/docs/Web/CSS/Media_Queries">メディアクエリー</a></dt>
<dd>メディアクエリの中括弧内で指定された CSS スタイルを適用する条件となる特性または引数のセットを定義します。例えば、768ピクセル以下の端末のみに特定の CSS スタイルを適用する、などです。</dd>
<dt>{{cssxref("@media")}} <a href="/ja/docs/Web/CSS/At-rule">アット規則</a></dt>
<dd>メディアクエリの結果に基づいて、<a href="/ja/docs/Learn/CSS/Introduction_to_CSS/How_CSS_works#How_to_apply_your_CSS_to_your_HTML">スタイルシート</a>の一部を条件付きで適用します。</dd>
<dt>{{domxref("Window.matchMedia()")}}</dt>
<dd>表示装置に対するメディアクエリをテストします。</dd>
</dl>
|
