Системні кольори
На момент написання цієї книги робочий проект модуля CSS3 "Колір" рекомендує замість ключових слів системних кольорів застосовувати нову властивість appearance. Аналогічно CSS2.1 не рекомендує застосовувати ці ключові слова, оскільки очікуються зміни у CSS3. Авторам рекомендується не використовувати системні кольори, оскільки, швидше за все, їх не буде в наступних версіях CSS. Ця інформація наводиться з тієї причини, що деякі доступні зараз броузери підтримують системні кольори.
Для тих, хто потребує кольорів, визначених в операційній системі користувача, CSS2 описує ряд ключових слів системних кольорів. Це значення, дозволені за будь-яких обставин, у яких допускається застосування значення . Наприклад, можна зробити фон елемента аналогічним кольору робочого столу користувача, оголосивши:
Або задати для документа колір тексту та фону вікон системи, що застосовується за умовчанням:
В результаті подібного налаштування користувач, швидше за все, зможе прочитати документ, оскільки повинен був налаштувати свою операційну систему так, щоб нею можна було користуватися.
(Якщо ні, він заслуговує на те, що отримає!) Усього існує 28 системних кольорів, хоча CSS не визначає їх явно. Натомість наводиться кілька базових (і дуже коротких) описів значення кожного ключового слова. У наступному списку наведено всі 28 ключових слів. У тих випадках, коли існує пряма аналогія з параметрами вкладки Appearance (Оформлення) утиліти Display (Властивості: Екран) панелі керування Windows 2000, це відзначається в дужках після опису. ActiveBorder Колір зовнішньої рамки активного вікна (перший колір у Active Windows Border (Кордон)активного вікна)).
ActiveCaption Фоновий колір заголовка активного вікна (перший колір в Active Title Bar (Заголовок активного вікна)).
AppWorkspace Фоновий колір, визначений у багатодокументній програмі, наприклад колір фону, що знаходиться під відкритими документами Microsoft Word (перший колір в Application Background (Вікно)).
Background Фоновий колір робочого столу (перший колір у «Desktop» (Робочий стіл)).
ButtonFace Колір поверхні тривимірної кнопки.
ButtonHighlight Колір підсвічування ребер тривимірних елементів зображення, що знаходяться з протилежного боку від віртуального джерела світла.
Таким чином, якщо віртуальне джерело світла розташоване у верхньому лівому куті, це колір підсвічування, що застосовується до правого та нижнього ребрів елемента зображення.
ButtonShadow Колір тіні тривимірних елементів зображення.
ButtonText Колір тексту кнопок (колір шрифту в 3D Objects (Рельєфні об'єкти)).
CaptionText Колір тексту заголовків, елементів керування розмірами та елементів смуги прокручування (колір шрифту в Active Title Bar (Заголовок активного вікна)).
GrayText Колір тексту неактивного елемента керування. Це ключове слово інтерпретується як #000, якщо поточний драйвер пристрою відображення не підтримує чистий сірий колір.
Highlight Колір елемента(ів), вибраного(их) в елементі керування (перший колір у Selected Items (Виділений пункт меню)).
HighlightText Колір тексту елемента(ів), вибраного(их) в елементі керування (колір шрифту в Selected Items (Виділений пункт меню)).
InactiveBorder Колір зовнішньої рамки неактивного вікна (перший колір у Inactive Window Border (Кордон неактивного вікна)).
InactiveCaption Фоновий колір заголовка неактивного вікна (перший колір у Inactive Title Bar (Заголовок неактивного вікна)).
InactiveCaptionText Колір тексту неактивного заголовка (колір шрифту в Inactive Title Bar (Заголовок неактивного вікна)).
InfoBackground Колір фону підказок (перший колір у «ToolTip»).
InfoText Колір тексту підказок (колір шрифту в «ToolTip» (Підказка)).
Menu Колір фону меню (перший колір у «Menu» (Рядок меню)).
MenuText Колір тексту меню (колір шрифту в «Menu» (Рядок меню)).
Scrollbar Колір смуги прокручування.
ThreeDDarkShadow Колір насиченої тіні тривимірних елементів.
ThreeDFace Колір «лицьової» сторони тривимірних елементів.
ThreeDHighlight Колір підсвічування тривимірних елементів.
ThreeDLightShadow Світлий колір тривимірних елементів (ребер, звернених «обличчям» до джерела світла).
ThreeDShadow Колір тіні тривимірних елементів.
Window Колір фону вікна (перший колір у Window (Вікно)).
WindowFrame Колір рамки вікна.
WindowText Колір тексту вікна (колір шрифту в Window (Вікно)).
Ключові слова системних кольорів визначені в CSS2 як нечутливі до регістру, але рекомендується дотримуватися прийняте в них поєднання великих і малих літер, наведене в попередньому списку, що робить назви кольорів більш зручними для читання.
Неважко переконатися, що ThreeDLightShadow простіше зрозуміти з першого погляду, ніж threedlightshadow. Очевидний недолік невизначеної сутності ключових слів системних кольорів у тому, що різні агенти користувача можуть інтерпретувати їх по-різному, навіть якщо вони виконуються в одній операційній системі. Тому, застосовуючи ціключові слова, не розраховуйте на абсолютну однаковість. Наприклад, не варто пропонувати користувачеві текст на кшталт «Шукайте текст, колір якого збігається з кольором робочого столу», оскільки користувач, можливо, розмістив на робочому столі графічне зображення (шпалери), яке закриває стандартний робочий стіл.