HTML style 標(biāo)簽參考手冊(cè)HTML <style> 標(biāo)簽

media 屬性用來(lái)指定設(shè)置的CSS樣式或外部樣式文件應(yīng)用到目標(biāo)媒介。

針對(duì)兩種不同媒介類型（屏幕和打?。┑膬蓚€(gè)不同的樣式表：

<style type="text/css" media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;} </style>

嘗試一下 ?

瀏覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流瀏覽器都支持 media 屬性。

定義和用法

media 屬性規(guī)定目前資源是為何種媒介/設(shè)備優(yōu)化的。

該屬性大多用在為不同媒介類型規(guī)定不同樣式的 CSS 樣式表。

提示：該屬性可以接受多個(gè)值。如果需要在一個(gè) style 元素中定義一個(gè)以上的媒介類型，請(qǐng)使用逗號(hào)來(lái)分隔要使用的媒介類型，例如：<style type="text/css" media="screen,projection">。

HTML 4.01 與 HTML5之間的差異

無(wú)。

語(yǔ)法

<style media="value">

可能的運(yùn)算符

值 描述
and 規(guī)定 AND 操作符。
not 規(guī)定 NOT 操作符。
, 規(guī)定 OR 操作符。

設(shè)備

值 描述
all 默認(rèn)。適應(yīng)所有設(shè)備。
aural 語(yǔ)音合成器。
braille 盲人用點(diǎn)字法反饋設(shè)備。
handheld 手持設(shè)備（小屏幕、有限的帶寬）。
projection 放映機(jī)。
print 打印預(yù)覽模式 / 打印頁(yè)。
screen 計(jì)算機(jī)屏幕（默認(rèn)值）。
tty 電傳打字機(jī)以及使用等寬字符網(wǎng)格的類似媒介。
tv 電視類型設(shè)備（低分辨率、有限的屏幕翻滾能力）。

值

值 描述
width

規(guī)定目標(biāo)顯示區(qū)域的寬度。

可使用 "min-" 和 "max-" 前綴。

例子：media="screen and (min-width:500px)"
height

規(guī)定目標(biāo)顯示區(qū)域的高度。

可使用 "min-" 和 "max-" 前綴。

例子：media="screen and (max-height:700px)"
device-width

規(guī)定目標(biāo)顯示器/紙張的寬度。

可使用 "min-" 和 "max-" 前綴。

例子：media="screen and (device-width:500px)"
device-height

規(guī)定目標(biāo)顯示器/紙張的高度。

可使用 "min-" 和 "max-" 前綴。

例子：media="screen and (device-height:500px)"
orientation

規(guī)定目標(biāo)顯示器/紙張的方向。

可能的值："portrait" or "landscape"

例子：media="all and (orientation: landscape)"
aspect-ratio

規(guī)定目標(biāo)顯示區(qū)域的寬度/高度比

可使用 "min-" 和 "max-" 前綴。

例子：media="screen and (aspect-ratio:16/9)"
device-aspect-ratio

規(guī)定目標(biāo)顯示器/紙張的 device-width/device-height 比率

可使用 "min-" 和 "max-" 前綴。

例子：media="screen and (aspect-ratio:16/9)"
color

規(guī)定目標(biāo)顯示器的 bits/color

可使用 "min-" 和 "max-" 前綴。

例子：media="screen and (color:3)"
color-index

規(guī)定目標(biāo)顯示器可以處理的顏色數(shù)。

可使用 "min-" 和 "max-" 前綴。

例子：media="screen and (min-color-index:256)"
monochrome

規(guī)定單色幀緩沖中的 bits/pixel。

可使用 "min-" 和 "max-" 前綴。

例子：media="screen and (monochrome:2)"
resolution

規(guī)定目標(biāo)顯示器/紙張的像素密度 (dpi 或 dpcm)。

可使用 "min-" 和 "max-" 前綴。

例子：media="print and (resolution:300dpi)"
scan

規(guī)定 tv 顯示器的掃描方式。

可能的值："progressive" 和 "interlace"。

例子：media="tv and (scan:interlace)"
grid

規(guī)定輸出設(shè)備是否是網(wǎng)格或位圖。

可能的值："1" 為網(wǎng)格，否則為 "0"。

例子：media="handheld and (grid:1)"

HTML style 標(biāo)簽參考手冊(cè)HTML <style> 標(biāo)簽