Аппаратно-зависимый стиль

В CSS2 определено девять типов устройств, к каждому из которых можно применить индивидуальный набор свойств, что позволяет создавать аппаратно-зависимые стили. С их помощью можно определить специфичные стили представления страницы, которые будут автоматически применяться при ее выводе на экран монитора ПК (тип screen), на печать (тип print), на дисплей карманного компьютера (тип handheld), при интерпретации речевыми синтезаторами (тип aural) и т. д.

1 all - подходит для всех устройств.

2 aural - относится к речевым синтезаторам.

3 braille - для устройств, работающих со шрифтами Брайля.

4 handheld - для ручных устройств (малые экраны, монохромные, растровая графика, ограниченная полоса пропускания)

5 print - для печати документов.

6 project - для проекционных систем.

7 screen - для мониторов.

8 tty - телетайпное устройство с фиксированной сеткой символов.

9 tv - телевизионное устройство (малое разрешения, цвет, ограниченная прокручиваемость)

Обеспечить работу аппаратно-зависимых стилей можно тремя способами. Первый пример позволяет связать страницу с внешним файлом стилей printer.css, определяющим визуальное форматирование ее содержимого при выводе на печать:

<LINK rel="stylesheet" type="text/css" media="print" htef="/styles/printer.css">

Второй пример демонстрирует использование правила @import для вставки во встроенный стиль внешнего фрагмента, заданного файлом pocketpc.css и определяющего правила форматирования содержания страниц в версии для наладонников:

<STYLE type="text/css"> @import url("pocketpc.css") handheld </STYLE>

Наконец, в третьем примере показано, как идентифицировать аппаратно-зависимую часть, определяющую способ произнесения текста страницы речевыми браузерами, непосредственно во встроенном стиле при помощи правила @media:

<STYLE type="text/css"> @media aural { } </STYLE>

Не нашли, что искали? Воспользуйтесь поиском: