x
<html><head><style>p.ex1 { border: 2px solid black; outline-style: solid; outline-color: hsl(0, 100%, 50%); /* красный */}p.ex2 { border: 2px solid black; outline-style: dotted; outline-color: hsl(240, 100%, 50%); /* синий */}p.ex3 { border: 2px solid black; outline-style: solid; outline-color: hsl(0, 0%, 73%); /* серый */}</style></head><body><h2>Свойство outline-color</h2><p>Цвет контура также можно указать с помощью значений HSL:</p><p class="ex1">Сплошной красный контур.</p><p class="ex2">Точечный синий контур.</p><p class="ex3">Сплошной серый контур.</p></body></html>