1.11.Розділ 11 - Адаптація інтерфейсу

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

У цій таблиці приведений список ключових слів для визначення призначених для користувача кольорів і приклади їх застосування.

1.11.1.Кольори значення опис

• 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;}

Приклад: текст має колір фону Вашого робочого столу

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

У цій таблиці приведений список ключових слів для визначення призначених для користувача шрифтів і приклади їх застосування.

1.11.2.Системні шрифти значення опис

• caption

Шрифт, використовуваний в заголовках кнопок і так далі

• icon

Шрифт, використовуваний в іконах.

• menu

Шрифт, використовуваний в меню.

• messagebox

Шрифт, використовуваний в діалогах і так далі

• smallcaption

Шрифт, використовуваний в малих елементах.

• statusbar

Шрифт, використовуваний в статусному рядку.

Синтаксис:

селектор {font: icon;}