Как использовать стили операционной системы в CSS

Одной из малоизвестных функций CSS2.1 является возможность определять шрифты и цвета, используемые основной темой операционной системы. Это может быть полезно в ситуациях, когда вам требуется более тесная интеграция с ОС, например, файлы справки HTML, Adobe AIR или, возможно, автономные веб-приложения.

Прежде чем мы начнем, есть несколько предостережений:

• Не полагайтесь на эти свойства, работающие во всех комбинациях ОС / браузера. Если ваше приложение должно работать в Opera на BeOS, то я бы рекомендовал вам сначала протестировать его!
• В CSS3 свойства устарели в пользу типа значения внешнего вида (хотя поддержка браузера в настоящее время крайне ограничена).
• Ничто не мешает пользователю определять необычные, конфликтующие или уродливые цветовые схемы в своей ОС. Страницы будут отражать их выбор, а не ваш дизайнер.

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

Системные шрифты назначаются с помощью свойства ‘font’. Обратите внимание, что семья, размер и стиль назначаются соответствующим образом, например,

body
{
	font: caption;
}

Доступны следующие значения шрифта. В столбце «Пример» отображается текущий шрифт, установленный вашей ОС.

Системные цвета

Системные цвета могут быть назначены любому свойству, которое ожидает значение цвета, например

 
body
{
	color: WindowText;
	background-color: Window;
	border: 2px solid ActiveBorder;
}

Доступны следующие значения цвета. Они показаны в CamelCase для разборчивости, но любой корпус действителен. Столбец «Пример» показывает цвет, установленный вашей ОС.

Будут ли эти свойства полезны в вашем следующем проекте?