HTML <link>标签的media属性

HTML <link>标签参考手册 HTML <link>标签

示例

针对两种不同媒体类型(计算机屏幕和打印机)的两个样式表:

<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
<link rel="stylesheet" type="text/css" href="print.css" media="print"/>
</head>

试一个 »

定义及用法

<link>标签的media属性用于针对不同媒体类型设置不同的样式。


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器都支持media的“screen”、“print”和“all”属性值。

提示:Opera还支持“projection”属性值,用于全屏模式。


语法

<link media="value" />

属性值

描述
screen 计算机屏幕(默认值)
tty 打字机及其他采用等宽字符的媒介
tv 电视类设备(低分辨率、有限的滚动能力)
projection 投影仪
handheld 掌上设备(小屏幕、有限带宽)
print 打印预览模式或打印页面
braille 盲文反馈设备
aural 语音合成器
all 适用于所有设备


HTML <link>标签参考手册 HTML <link>标签
粤ICP备11097351号-1