Содержание
Значение: | [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ] ] | inherit |
Начальное: | auto |
Применяется: | ко каждом элементам |
Наследуется: | да |
Процентное: | N/A |
Носитель: | визуальный, интерактивный |
Это качество специфицирует тип курсора
указательного устройства.
Значения имеют дальнейший толк:
P { cursor : url("mything.cur"), url("second.csr"), text; }
В дополнение к возможности устанавливать предопределённые значения цветов для текста, фона, и т.д., CSS2 дозволяет авторам специфицировать цвета таким образом, дабы интегрировать их в графическую среду пользователя. Таблицы жанров, рассматривающие пользовательские установки, дают следующие превосходства:
Набор значений, определённых для системных цветов, представляется доскональным. Для систем, не имеющих соответствующих значений, специфицированное значение должно отображаться в ближайший системный признак либо в цвет по умолчанию.
Далее дан список дополнительных значений для относящихся к цвету признаков CSS и их стержневой толк. Всякое качество цвета (скажем, 'color' либо 'background-color') может иметь одно из следующих наименований. Правда они и нечувствительны к регистру, рекомендуется применять смешанную капитализацию, как показано ниже, дабы сделать наименования больше внятными.
Скажем, дабы установить цвета фона и переднего плана в параграфе в те же значения, что и у окна пользователя, напишите так:
P { color: WindowText; background-color: Window }
Как и с цветами, авторы могут специфицировать шрифты так, дабы применять системные источники пользователя. См. детали в свойстве 'font'.
Иногда авторам таблиц жанров может потребоваться сделать силуэты вокруг визуальных объектов, таких как кнопки, энергичные поля формы, карты изображений и т.п., дабы выделить их. Силуэты CSS2 отличаются от рамок в дальнейшем:
Свойства силуэтов руководят жанром этих динамических силуэтов.
Значение: | [ <'outline-color'> || <'outline-style'> || <'outline-width'> ] | inherit |
Начальное: | см. определенные свойства |
Применяется: | ко каждому элементам |
Наследуется: | нет |
Процентное: | N/A |
Носитель: | визуальный, интерактивный |
Значение: | <border-width> | inherit |
Начальное: | medium |
Применяется: | ко каждому элементам |
Наследуется: | нет |
Процентное: | N/A |
Носитель: | визуальный, интерактивный |
Значение: | <border-style> | inherit |
Начальное: | none |
Применяется: | ко каждым элементам |
Наследуется: | нет |
Процентное: | N/A |
Носитель: | визуальный, интерактивный |
Значение: | <color> | invert | inherit |
Начальное: | invert |
Применяется: | ко каждом элементам |
Наследуется: | нет |
Процентное: | N/A |
Носитель: | визуальный, интерактивный |
Контур, сделанный свойствами силуэтов, прорисовывается "поверх" бокса, т.е. силуэт неизменно сверху и не влияет на позицию и размер бокса либо всяких других боксов. Следственно, отображение либо подавление силуэтов не вызывает перерисовки.
Контур прорисовывается сразу за краем рамки.
Контуры могут быть непрямоугольными. Скажем, если элемент разбит на несколько строк, силуэт будет минимальным нужным для включения всех боксов элемента. В противоположность рамкам, силуэт не открыт в начале либо в конце строчного бокса, но неизменно всецело замкнут.
Свойство 'outline-width' принимает те же значения, что и 'border-width'.
Свойство 'outline-style' принимает те же значения, что и 'border-style', за исключением 'hidden', тот, что не является возможным жанром силуэта.
Свойство 'outline-color' принимает все цвета, как и ключевое слово 'invert'. 'Invert' должен изготавливать инверсию цвета пикселов экрана. Это обыкновенный приём для того, дабы убедиться, что рамка фокуса видна самостоятельно от цвета фона.
Свойство 'outline' это сокращённое качество, устанавливающее все три: 'outline-style', 'outline-width' и 'outline-color'.
Обратите внимание, что силуэт идентичен на всех сторонах. В различие от рамок, свойства 'outline-top' либо 'outline-left' отсутствуют.
В этой спецификации не определено, как прорисовываются несколько перекрывающихся силуэтов, либо как силуэты прорисовываются для боксов, которые отчасти спрятаны за другими элементами.
Примечание. От того что силуэт фокуса не влияет на форматирование (т.е. для него не выдается пространство в модели бокса), он может типично перекрывать другие элементы на странице.
Прорисовка толстого силуэта вокруг элемента BUTTON:
BUTTON { outline-width : thick }
Для динамического метаморфозы ширины силуэта могут применяться скрипты, не вызывая при этом перерисовки.
Графические интерфейсы пользователя могут применять силуэты вокруг элементов, дабы уведомлять пользователю, какой элемент страницы имеет фокус. Эти силуэты дополняют рамки, и включение и выключение не должно вызывать перерисовки документа. Фокус является субъектом действий пользователя в документе (скажем, при вводе текста, выборе кнопки, и т.д.). ПА, поддерживающие группы интерактивных носителей, обязаны отслеживать, где находится фокус, и обязаны также отображать фокус. Это может быть сделано путём применения динамических силуэтов совместно с псевдоклассом :focus.
Чтобы прорисовать толстую чёрную линию вокруг элемента, когда он имеет фокус, толстую красную линию, когда он энергичен, дозволено применять следующие правила:
:focus { outline: thick solid black } :active { outline: thick solid red }
Рабочая группа CSS считает, что увеличение документа либо его части не должно специфицироваться через таблицы жанров. ПА могут поддерживать такое увеличение различными путями (скажем, увеличивать изображение, усиливать звук и т.п.).
При увеличении страницы ПАгенты обязаны выдерживать соотношения между позиционированными элементами.