@media

為 STYLESHEET 物件中的一組規則設定媒體類型。

語法

@media sMediaType{sRules }

可能的值

sMediaType

指定下列其中一個媒體類型的字串:

all

針對所有裝置進行輸出。

print

針對書面資料或以 [預覽列印] 模式檢視的文件進行輸出。

screen

針對電腦畫面進行輸出。

sRules

指定樣式表中一或多個規則的字串。

備註

此規則沒有預設值。

範例

在下列範例中,使用 @media 規則指定 BODY 元素的 font-size 屬性用於兩個媒體類型:

// For computer screens, the font size is 12pt.
@media screen {
   body {font-size:12pt;}
}
// When printed, the font size is 8pt.
@media print {
   body {font-size:8pt;}
}

標準資訊

此規則是在階層式樣式表 (CSS) 層級 2 (CSS2) Ee341482.xtlink_newWindow(zh-tw,Expression.40).png (英文) 中定義。

另請參閱

概念

font-size