Справочник по CSS : Тематический указатель : Правила : @media
Материал из Справочник Web-языков
Разработка и внедрение CRM-систем | |||||||
|
Содержание |
Правило @media
Задает список мультимедиа устройств, для которых необходимо использовать таблицу стилей.
Синтаксис
HTML | @media sMediaType { sRules } |
Скрипты | N/A |
Используемые значения
- sUrl
- Строковое значение, которое может определять и принимать одно из следующих значений:
- screen
- Предназначен для цветных дисплеев, мониторов.
- Предназначен для различных печатающих устройств, а также для просмотра документа в режиме Предварительного просмотра перед печатью.
- all
- Предназначен для любого типа устройств.
- aural
- Предназначен для речевых синтезаторов.
- braille
- Предназначен для устройств чтения азбуки Брайля.
- embossed
- Предназначен для печати азбуки Брайля.
- handheld
- Предназначен для переносимых портативных устройств.
- projection
- Предназначен для настенных презентаций, например, для проекторов или для печати плакатов.
- tty
- Предназначен для устройств, использующих набор символов с фиксированной шириной, например, телетайпов, терминалов или портативных устройств с ограниченными возможностями отображения.
- tv
- Предназначен для устройств типа телевизора, для которых характерны низкое разрешение, цветное изображение, ограниченная прокрутка на экране, возможность передачи звука.
Замечания
У правила @media нет значения по умолчанию.
Для одного стилевого правила может быть определено несколько типов устройств. При описании они разделяются запятыми. Названия устройств не чувствительны к регистру.
Примеры
В примере показано как применяется правило @media для назначения стилевых правил для двух типов устройств.
// Для мониторов компьютера размер шрифта 12pt. @media screen { BODY {font-size:12pt;} } // При печати размер шрифта 8pt. @media print { BODY {font-size:8pt;} }
Стандарты
Это правило определено в Cascading Style Sheets (CSS), Level 2 (CSS2)
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms530813(VS.85).aspx