CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

Печать

Окрашивание контура

Поскольку можно задавать стиль и ширину, есть смысл в существова нии свойства outline-color, позволяющего задавать цвет контура.

outline-color

Значения:

<цвет> | invert f inherit

Начальное значение:

invert (илн в зависимости от агента пользователя; смотрите текст)

Область применения:

все элементы

Наследование:

нет

Вычисляемое значение:

как задано

Здесь и проявляется наиболее занятное различие между рамками н контурами:по умолчанию применяется ключевое слово invert. Инверсный контур означает, что для пикселов, на которых существует контур, осуществляется инверсия цветов (рис. 13.12).

Рис. 13.12. Инверсия цветов в контуре

Инвертирование цвета пикселов, закрываемых контуром, гарантирует, что контур останется видимым независимо от того, что происходит под ним. Если агент пользователя по какой-то причине не поддерживает инверсию цветов, он должен вычислять значение свойства color элемента.

Возможность инвертировать цвета пикселов экрана очень интересна, особенно если вспомнить, что теоретически ширина коитура не ограничена. Поэтому с помощью контура при желании можно инвертировать значительную часть документа. Это не основное предназначение контуров, но все-таки на рис. 13.13 приведен однн подобный пример.

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

outline-color:red; outline-color:#000; outline-color; rgb(50ft(50%,50%);