Пример
Два различных списка стилей для двух различных типов медиа (экран компьютера и печать):<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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>Определение и использование
Атрибут media используется для определения различных стилей для различных типов медиа.
Совет: Для определения более чем одного типа медиа для элемента стиля используйте разделенный запятыми список (например: <style type="text/css" media="screen,projection">).
Поддержка браузеров
Атрибут media со значением "screen", "print", и "all"
используется во всех ведущих браузерах.
Совет: Opera также поддерживает значение "handheld".
Синтаксис
<style media="value">
Значения атрибута
| Значение | Описание |
|---|---|
| screen | Экран компьютера (значение по умолчанию) |
| tty | Телетайпы и подобные медиа использующие фиксированный шаг |
| tv | Устройства телевизионного типа (низкое разрешение, ограниченные возможности прокрутки) |
| projection | Проекторы |
| handheld | Ручные устройства (маленький экран, ограниченная пропускная способность) |
| Версия для режима печати / печатные страницы | |
| braille | Устройство обратной связи Брейля |
| aural | Голосовые синтезаторы |
| all | Подходит для всех устройств |
Была ли эта информация полезной?
