Содержание
| Значение: | [ [<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 |
| Область применения: | все элементы |
| Наследование: | да |
| Процентное задание значений: | нет |
| Ассоциированные устройства: | устройства визуального форматирования, интерактивные устройства |
Данное свойство определяет тип курсора, используемого при работе с клавиатурой или мышью. Принимаемые им значения имеют следующий смысл:
P { cursor : url("mything.cur"), url("second.csr"), text; }
Кроме использования заранее определенных значений цветов настройки пользователя, предлагают следующие преимущества:
умолчанию.
Ниже перечислены дополнительные значения атрибутов CSS, используемых при настройке цветов, и их семантика. Любое свойство, используемое при настройке цветов (например, 'color' или 'background-color'), может принимать одно из следующих имен. Несмотря на независимость от регистра, рекомендуется соблюдать используемое в них сочетание заглавных и строчных букв, делающее данные имена более разборчивыми.
Например, следующее правило позволяет использовать одинаковые цвета для оформления элементов переднего и заднего плана, соответственно, в абзаце и в пользовательском окне:
P { color: WindowText; background-color: Window }
Как и для цветов, разработчики могут задавать шрифты таким образом, чтобы использовать системные ресурсы пользователя. Более подробную информацию можно получить в описании свойства 'font'.
объекты можно окружить контуром, отличие которого от границ состоит в следующем:
Стилем этих динамических контуров управляют соответствующие свойства.
| Значение: | [ <'outline-color'> || <'outline-style'> || <'outline-width'> ] | inherit |
| Начальное значение: | см. каждое свойство в отдельности |
| Область применения: | все элементы |
| Наследование: | нет |
| Процентное задание значений: | нет |
| Ассоциированные устройства: | устройства визуального форматирования, интерактивные устройства |
| Значение: | <border-width> | inherit |
| Начальное значение: | medium |
| Область применения: | все элементы |
| Наследование: | нет |
| Процентное задание значений: | нет |
| Ассоциированные устройства: | устройства визуального форматирования, интерактивные устройства |
| Значение: | <border-style> | inherit |
| Начальное значение: | none |
| Область применения: | все элементы |
| Наследование: | нет |
| Процентное задание значений: | нет |
| Ассоциированные устройства: | устройства визуального форматирования, интерактивные устройства |
| Значение: | <color> | invert | inherit |
| Начальное значение: | invert |
| Применяется: | все элементы |
| Наследование: | нет |
| Процентное задание значений: | нет |
| Ассоциированные устройства: | устройства визуального форматирования, интерактивные устройства |
или удаление контуров не приводит к переформатированию страницы.
Контур выводится непосредственно за пределами краевой линии границы.
границам контуры никогда не остаются разорванными в начале или в конце линейного блока, они всегда замкнуты.
Свойство 'outline-width' принимает те же значения, что и свойство 'border-width'.
Свойство 'outline-style' принимает те же значения, что и свойство 'border-style', за исключением значения 'hidden', недопустимого для стиля контура.
Свойство 'outline-color' принимает те же значения, что и ключевое слово '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 считает, что увеличение документа или его отдельных частей не должно описываться посредством таблиц стилей. Агенты пользователей могут поддерживать эту процедуру другими способами (например, с помощью более крупных изображений, более громких звуков и т.д.)
При увеличении страницы агент пользователя должен сохранять связи между позиционированными элементами. В качестве примера можно рассмотреть страницу комиксов, составленную из изображений с накладывающимися текстовыми элементами. При ее увеличении агент пользователя должен сохранить текст в пределах каждого кружка, в который заключены слова изображенного в комиксе персонажа.
| |||||||||||||||||||