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;
}