Книги-online

18 Интерфейс пользователя

18.1 Курсоры: свойство 'cursor'

Данное свойство определяет тип курсора, используемого при работе с клавиатурой или мышью. Принимаемые им значения имеют следующий смысл: auto Агент пользователя определяет отображаемый курсор, исходя из контекста. crosshair Простое перекрестие (напоминающее символ "+"). default Курсор, используемый на данной платформе по умолчанию. Зачастую представляется в виде стрелки. pointer Курсором представляется указателем, обозначающим ссылку. move Курсор, определяющий объект, который можно переместить. e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize Курсор, определяющий перемещение некоторого края. Например, при перемещении, начинающемся с правого нижнего угла блока, используется курсор 'se-resize'. text Курсор, используемый при выделении текста. Зачастую представляется в виде вертикальной линии "|". wait Курсор, указывающий на занятость программы, когда пользователю необходимо подождать. Зачастую представляется в виде циферблата или песочных часов. help Курсор, означающий, что для объекта, на который он указывает, имеется справочная информация. Зачастую представляется в виде вопросительного знака или воздушного шара. <uri> Агент пользователя загружает курсор из ресурса, задаваемого этим URI. Если агенту не удается обработать курсор, расположенный первым в списке курсоров, он должен попытаться обработать второй, третий и т.д. Если агенту не удается обработать ни одного курсора, заданного пользователем, он должен использовать общий курсор, расположенный в конце этого списка.

P { cursor : url("mything.cur"), url("second.csr"), text; }

18.2 Пользовательские настройки цветов

Кроме использования заранее определенных значений цветов для текста, фона и т.п., CSS2 позволяет авторам определять цвета в такой форме, которая подразумевает их интеграцию в графическую среду пользователя. В результате правила стилей, принимающие во внимание настройки пользователя, предлагают следующие преимущества:

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

Ниже перечислены дополнительные значения атрибутов CSS, используемых при настройке цветов, и их семантика. Любое свойство, используемое при настройке цветов (например, 'color' или 'background-color'), может принимать одно из следующих имен. Несмотря на независимость от регистра, рекомендуется соблюдать используемое в них сочетание заглавных и строчных букв, делающее данные имена более разборчивыми.

P { color: WindowText; background-color: Window }

18.3 Настройки пользователя для шрифтов

Как и для цветов, разработчики могут задавать шрифты таким образом, чтобы использовать системные ресурсы пользователя. Более подробную информацию можно получить в описании свойства 'font'.

18.4 Динамические контуры: свойство 'outline'

Иногда авторам таблиц стилей необходимо акцентировать внимание на некотором визуально отображаемом объекте, например, на кнопке, активном поле формы, месте для графического объекта и т.д. В CSS2 такие объекты можно окружить контуром, отличие которого от границ состоит в следующем:

BUTTON { outline-width : thick }

:focus  { outline: thick solid black }
:active { outline: thick solid red }