outline-color
Поддержка браузерами
12.0+ | 8.0+ | 1.5+ | 1.0+ | 7.0+ | 1.2+ |
Описание
CSS свойство outline-color задаёт цвет для внешней границы элемента. Внешняя граница устанавливается с внешней стороны рамки (если она есть) и не влияет на общий размер элемента.
Всегда определяйте свойство outline-style до outline-color, так как элемент должен иметь внешнюю границу, для которой будет задан цвет.
Значение по умолчанию: | invert, если браузер не поддерживает данное значение, то граница будет иметь такой же цвет как у текста |
---|---|
Применяется: | ко всем элементам |
Анимируется: | да |
Наследуется: | нет |
Версия: | CSS2 |
Синтаксис JavaScript: | object.style.outlineColor="#00FF00" |
Синтаксис
outline-color: invert|цвет|inherit;
Значения свойства
Значение | Описание |
---|---|
цвет | Цвет можно установить различными способами: указать имя цвета, использовать шестнадцатеричные значения, с помощью синтаксиса rgb (rgba) или hsl (hsla). |
invert | Выполняет инверсию цвета - это гарантирует, что границу будет видно не зависимо от цвета фона родительского элемента. |
inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
CSS Свойство:
outline-color:
Результат:
CSS Код:
div {
border: 2px solid yellow;
outline-style: solid;
outline-color: red;
}
border: 2px solid yellow;
outline-style: solid;
outline-color: red;
}