HTML <style> 標(biāo)簽的 media 屬性
定義和用法
media 屬性用于為不同的媒介類型規(guī)定不同的樣式。
提示:如需在一個(gè) style 元素中定義一個(gè)以上的媒介類型,請(qǐng)使用逗號(hào)分隔的列表(例如:<style type="text/css" media="screen,projection">)。
實(shí)例
針對(duì)兩種不同媒介類型的兩種不同的樣式(計(jì)算機(jī)屏幕和打。
<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 同時(shí)支持 "handheld" 值。
語(yǔ)法
<style media="value">
屬性值
值 | 描述 |
---|---|
screen | 計(jì)算機(jī)屏幕(默認(rèn)值)。 |
tty | 電傳打字機(jī)以及使用等寬字符網(wǎng)格的類似媒介。 |
tv | 電視類型設(shè)備(低分辨率、有限的屏幕翻滾能力)。 |
projection | 放映機(jī)。 |
handheld | 手持設(shè)備(小屏幕、有限的帶寬)。 |
打印預(yù)覽模式 / 打印頁(yè)。 | |
braille | 盲人用點(diǎn)字法反饋設(shè)備。 |
aural | 語(yǔ)音合成器。 |
all | 適合所有設(shè)備。 |