<!DOCTYPE html>
<html>
<head>
<style>
p.ex1 {
border: 2px solid black;
outline-style: solid;
outline-color: red;
}
p.ex2 {
border: 2px solid black;
outline-style: dotted;
outline-color: blue;
}
p.ex3 {
border: 2px solid black;
outline-style: outset;
outline-color: grey;
}
</style>
</head>
<body>
<h2>Свойство outline-color</h2>
<p>Свойство outline-color используется для установки цвета контура.</p>
<p class="ex1">Сплошной красный контур.</p>
<p class="ex2">Точечный синий контур.</p>
<p class="ex3">Наружный серый контур.</p>
</body>
</html>