HTML <style>标签的media属性

HTML <style>标签参考手册 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>标题1</h1>
<p>一个段落。</p>
</body>
</html>

试一个 »

定义及用法

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

提示: 如要为<style>元素定义超过一种媒体类型,请用逗号将它们隔开(例如:<style type="text/css" media="screen,projection">)。


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

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

提示:Opera还支持“handheld”属性值。


语法

<style media="value">

属性值

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


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