HTML <style> 標簽的 media 屬性
定義和用法
media 屬性用于為不同的媒介類型規(guī)定不同的樣式。
提示：如需在一個 style 元素中定義一個以上的媒介類型，請使用逗號分隔的列表（例如：<style type="text/css" media="screen,projection">）。
實例
針對兩種不同媒介類型的兩種不同的樣式（計算機屏幕和打印）：
<html>
<head>
<style type="text/css">
h1 {color:#FF0000;}
p {color:#0000FF;}
body {background-color:#FFEFD6;}
</style>
<style type="text/css" media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>
</head>
<body>
<h1>Header 1</h1>
<p>A paragraph.</p>
</body>
</html>
瀏覽器支持
所有主流瀏覽器都支持 media 屬性的 "screen"、"print" 以及 "all" 值。
提示：Opera 同時支持 "handheld" 值。
語法
<style media="value">
屬性值
| 值 | 描述 |
|---|---|
| screen | 計算機屏幕（默認值）。 |
| tty | 電傳打字機以及使用等寬字符網(wǎng)格的類似媒介。 |
| tv | 電視類型設備（低分辨率、有限的屏幕翻滾能力）。 |
| projection | 放映機。 |
| handheld | 手持設備（小屏幕、有限的帶寬）。 |
| 打印預覽模式 / 打印頁。 | |
| braille | 盲人用點字法反饋設備。 |
| aural | 語音合成器。 |
| all | 適合所有設備。 |