Учебник CSS

Глава 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; }