Типы медиа позволяют указать, как документы будут представлены на различных носителях. Документ может отображаться по-разному на экране, на бумаге, в слуховом браузере, и т.д.
Типы медиа
Некоторые свойства CSS предназначены только для некоторых медиа. Например свойство "voice-family" предназначено для слуховых броузеров. Некоторые другие свойства могут быть использованы для различных типов носителей. Например, свойство "font-size" может быть использовано как для экрана так и для печати, но, возможно, с различными значениями. Документу обычно требуется больший размер шрифта на экране, чем на бумаге, и шрифты без засечек легче читать на экране, а шрифты с засечками легче читать на бумаге.
Правило @media
Правило @media позволяет различным правилам стиля для различных средств массовой информации находиться в той же таблице стилей.
Стиль, в приведенном ниже примере рассказывает браузеру отобразить шрифт Verdana размером 14 пикселей на экране. Но если страница будет напечатана, то это будет шрифт Times размером 10 пикселей. Обратите внимание, что начертание шрифта установлено в жирный, на экране и на печати:
<html>
<head>
<style>
@media screen {
p.test { font-family:verdana,sans-serif; font-size:14px; }
}
@media print{
p.test { font-family:times,serif; font-size:10px; }
}
@media screen,print
{
p.test { font-weight:bold; }
}
</style>
</head>
<body>....</body>
</html>
Различные типы медиа
Примечание: Типы медиа не чувствительны к регистру.
| Тип медиа | Описание |
|---|---|
| all | Используется для всех типов медиа |
| aural | Используется для передачи речи и звука синтезаторов |
| braille | Используется для тактильных устройств обратной связи Брайля |
| embossed | Используется для страничных принтеров Брайля |
| handheld | Используется для небольших или портативных устройств |
| Используется для принтеров | |
| projection | Используется диапроекторных презентаций, как слайды |
| screen | Используется для компьютерных экранов |
| tty | Используется для медиа, использующих сетки фиксированного шага, как телетайпы и терминалы |
| tv | Используется для телевизионных устройств |
Была ли эта информация полезной?
