Справочник по CSS : Тематический указатель : Правила : @media

Материал из Справочник Web-языков

• Главная
• CSS
• Тематический указатель
• Правила
• @media

Разработка и внедрение CRM-систем

Разработка и внедрение CRM-систем "под ключ" на базе SugarCRM. Любые задачи для любого вида бизнеса. Установка бесплатной CRM-системы бесплатно. Интеграция с существующей инфраструктурой, бухгалтерской программой, телефонией. Доработка существующих проектов. Обучение персонала. подробнее ... +7 (495) 646-06-27 8 (800) 555-06-28 (звонок бесплатный) +7 (910) 9082123 (сотовый, МТС) evgenjekson (бесплатная переадресация на сотовый) 195938768 [email protected]

Содержание 1 Правило @media 2 Синтаксис 3 Используемые значения 4 Замечания 5 Примеры 6 Стандарты 7 Ссылки на источники

Правило @media

Задает список мультимедиа устройств, для которых необходимо использовать таблицу стилей.

Синтаксис

HTML	@media sMediaType { sRules }
Скрипты	N/A

Используемые значения

sUrl

Строковое значение, которое может определять и принимать одно из следующих значений:

screen Предназначен для цветных дисплеев, мониторов. print Предназначен для различных печатающих устройств, а также для просмотра документа в режиме Предварительного просмотра перед печатью. 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