Свойство outline-color задает цвет внешней границы элемента.
Внешняя граница в отличие от границы, задаваемой свойством border, не влияет на размер и положение элемента.
Это свойство применимо ко всем элементам.
Не поддерживается Internet Explorer до версии 8.0.
Значение свойства outline-color
- цвет можно задать двумя способами (подробнее здесь...),
- invert - цвет границы задается браузером автоматически - максимально контрастным по отношению к фону под ней,
- inherit - принимает значение свойства родительского элемента.
Значение по умолчанию
- invert
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство outline-color </title>
<style type="text/css">
p{padding:5px}
</style>
</head>
<body>
<p style="outline:#0000FF solid 3px;"> Внешняя граница синего цвета. </p>
<p style="outline:#0000FF solid 3px; border:#FF00FF solid 3px;"> Внутренняя граница - розовая. </p>
<p style="outline-style:solid;"> Цвет границы по умолчанию - максимально кантрастен с фоном. </p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство outline-color </title>
<style type="text/css">
p{padding:5px}
</style>
</head>
<body>
<p style="outline:#0000FF solid 3px;"> Внешняя граница синего цвета. </p>
<p style="outline:#0000FF solid 3px; border:#FF00FF solid 3px;"> Внутренняя граница - розовая. </p>
<p style="outline-style:solid;"> Цвет границы по умолчанию - максимально кантрастен с фоном. </p>
</body>
</html>
Результат
Внешняя граница синего цвета.
Внутренняя граница - розовая.
Цвет границы по умолчанию - максимально кантрастен с фоном.
