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

смотрим также

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

Перейти к: навигация, поиск


Содержание

Правило @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)

Ссылки на источники

http://msdn.microsoft.com/en-us/library/ms530813(VS.85).aspx

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования