參考手冊

HTML <style> 標籤的 media 屬性

HTML <style> 標籤

實例

針對兩種不同媒介型別的兩種不同的樣式（計算機螢幕和列印）：

<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 屬性用於為不同的媒介型別規定不同的樣式。

提示：如需在一個 style 元素中定義一個以上的媒介型別，請使用逗號分隔的列表（例如：<style type="text/css" media="screen,projection">）。

瀏覽器支援

所有主流瀏覽器都支援 media 屬性的 "screen"、"print" 以及 "all" 值。

提示：Opera 同時支援 "handheld" 值。

語法

<style media="value">

屬性值

值 描述
screen 計算機螢幕（預設值）。
tty 電傳打字機以及使用等寬字元網格的類似媒介。
tv 電視型別裝置（低解析度、有限的螢幕翻滾能力）。
projection 放映機。
handheld 手持裝置（小螢幕、有限的頻寬）。
print 列印預覽模式 / 列印頁。
braille 盲人用點字法反饋裝置。
aural 語音合成器。
all 適合所有裝置。

HTML <style> 標籤