пример
Укажите стиль использовать для печати:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style> Попробуй сам " Определение и использование
media атрибут определяет , какие средства массовой / устройство стиль CSS оптимизирован для.
Этот атрибут используется для указания того, что стиль для специальных устройств (например, iPhone), речи или печатных СМИ.
Совет: Этот атрибут может принимать несколько значений.
Поддержка браузеров
| Атрибут | |||||
|---|---|---|---|---|---|
| media | да | да | да | да | да |
Отличия между HTML 4.01 и HTML5
НИКТО.
Синтаксис
<style media="value">
Возможные Operators
| Стоимость | Описание |
|---|---|
| and | Указывает оператор И |
| not | Указывает оператор NOT |
| , | Указывает оператор OR |
приборы
| Стоимость | Описание |
|---|---|
| all | По умолчанию. Подходит для всех устройств |
| aural | синтезаторов речи |
| braille | Брайля устройства обратной связи |
| handheld | Портативные устройства (маленький экран, ограниченная пропускная способность) |
| projection | Проекторы |
| Печать Режим предварительного просмотра / печатные страницы | |
| screen | экраны компьютера |
| tty | Телетайпы и аналогичные средства массовой информации с использованием сетки символов фиксированного шага |
| tv | устройства типа телевидения (низкое разрешение, способность ограничена прокрутки) |
Значения
| Стоимость | Описание |
|---|---|
| ширина | Определяет ширину целевой области отображения. "min-" и "max-" префиксы могут быть использованы. Пример: media="screen and (min-width:500px)" |
| высота | Указывает высоту целевой области отображения. "min-" и "max-" префиксы могут быть использованы. Пример: media="screen and (max-height:700px)" |
| Устройство ширины | Указывает ширину целевого отображения / бумаги. "min-" и "max-" префиксы могут быть использованы. Пример: media="screen and (device-width:500px)" |
| Устройство высоты | Указывает высоту целевого отображения / бумаги. "min-" и "max-" префиксы могут быть использованы. Пример: media="screen and (device-height:500px)" |
| ориентация | Определяет ориентацию целевого отображения / бумаги. Возможные значения: "portrait" или "landscape" Пример: media="all and (orientation: landscape)" |
| соотношение сторон | Определяет соотношение ширина / высота целевой области дисплея. "min-" и "max-" префиксы могут быть использованы. Пример: media="screen and (aspect-ratio:16/9)" |
| устройства соотношение сторон | Задает соотношение ширины устройства / устройства по высоте целевого дисплея / бумаги. "min-" и "max-" префиксы могут быть использованы. Пример: media="screen and (aspect-ratio:16/9)" |
| цвет | Задает бит на цвет целевого дисплея. "min-" и "max-" префиксы могут быть использованы. Пример: media="screen and (color:3)" |
| цветовой индекс | Определяет количество цветов целевого дисплея может обрабатывать. "min-" и "max-" префиксы могут быть использованы. Пример: media="screen and (min-color-index:256)" |
| монохромный | Задает бит на пиксель в буфере кадра монохромный. "min-" и "max-" префиксы могут быть использованы. Пример: media="screen and (monochrome:2)" |
| разрешающая способность | Определяет плотность пикселей (точек на дюйм или ДИКМ) целевого отображения / бумаги. "min-" и "max-" префиксы могут быть использованы. Пример: media="print and (resolution:300dpi)" |
| сканирование | Определяет метод сканирования на экране телевизора. Возможные значения: "прогрессивный" и "чересстрочной". Пример: media="tv and (scan:interlace)" с media="tv and (scan:interlace)" |
| сетка | Указывает, если устройство вывода сетки или растрового изображения. Возможные значения: "1" для сетки, и "0" в противном случае. Пример: media="handheld and (grid:1)" |