HTMLStyleElement:media 属性
基线 广泛可用
此功能已经非常成熟,可以在许多设备和浏览器版本中正常使用。它从 2015 年 7 月.
报告反馈
值
HTMLStyleElement.media
属性指定了样式信息的目标介质。
示例
描述单个介质或用逗号分隔的介质列表的字符串。
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Test page</title>
<link
id="LinkedStyle"
rel="stylesheet"
href="document.css"
media="screen" />
<style id="InlineStyle" rel="stylesheet" media="screen, print">
p {
color: blue;
}
</style>
</head>
<body>
<script>
alert("LinkedStyle: " + document.getElementById("LinkedStyle").media); // 'screen'
alert("InlineStyle: " + document.getElementById("InlineStyle").media); // 'screen, print'
</script>
</body>
</html>
规范
html |
---|
规范 # HTML 标准 |
浏览器兼容性
dom-style-media