Глава 11. Адаптация интерфейса

Таблицы стилей CSS имеют возможность создания стилей, автоматически адаптирующихся к пользовательской системе. Для этого в них реализовано определение пользовательских системных установок цвета и шрифтов, а также применение этих значений к любому из элементов web-страницы, который может использовать значения color и font. Для определения пользовательских настроек используется набор ключевых слов.

В этой таблице приведен список ключевых слов для определения пользовательских цветов и примеры их применения.

Цвета

значениеописание
activeborderЦвет границы активного окна
activecaptionЦвет заголовка активного окна
appworkspaceЦвет мультидокументного фона
backgroundЦвет фона рабочего стола
buttonface"Лицевая" сторона объемных элементов
buttonhighlightНасыщенная тень объемных элементов
buttonshadowЦвет тени объемных элементов
buttontextЦвет текста на кнопках
captiontextЦвет текста в заголовках
graytextОтключенный (недоступный) текст
highlightВыделение объекта элемента управления
highlighttextВыделение текста элемента управления
inactiveborderЦвет границы неактивного окна
inactivecaptionЦвет заголовка неактивного окна
inactivecaptiontextЦвет текста в неактивном заголовке
infobackgroundЦвет фона всплывающей подсказки
infotextЦвет текста всплывающей подсказки
menuЦвет фона меню
menutextЦвет текста в меню
scrollbarЦвет полосы прокрутки
threeddarkshadowТемная тень объемных элементов
threedface"Лицевая" сторона объемных элементов
threedhighlightЦвет выделения объемных элементов
threedlightshadowСветлый цвет тени объемных элементов
threedshadowНасыщенная тень объемных элементов
windowЦвет фона окна
windowframeЦвет рамки окна
windowtextЦвет текста в окне

Синтаксис: селектор{color: background;}

Пример: текст имеет цвет фона Вашего рабочего стола.

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

В этой таблице приведен список ключевых слов для определения пользовательских шрифтов и примеры их применения.

Системные шрифты

ЗначениеОписание
captionШрифт, используемый в заголовках кнопок и т.д.
iconШрифт, используемый в иконках.
menuШрифт, используемый в меню.
messageboxШрифт, используемый в диалогах и т.д.
smallcaptionШрифт, используемый в малых элементах.
statusbarШрифт, используемый в статусной строке.

Синтаксис: селектор {font: icon;}