x
<html><head><style>p {outline-color:red;}p.dotted {outline-style: dotted;}p.dashed {outline-style: dashed;}p.solid {outline-style: solid;}p.double {outline-style: double;}p.groove {outline-style: groove;}p.ridge {outline-style: ridge;}p.inset {outline-style: inset;}p.outset {outline-style: outset;}</style></head><body><h2>Свойство outline-style</h2><p class="dotted">Точечный контур</p><p class="dashed">Пунктирный контур</p><p class="solid">Сплошной контур</p><p class="double">Двойной контур</p><p class="groove">Рифленый контур. Эффект зависит от значения цвета контура.</p><p class="ridge">Ребристый контур. Эффект зависит от значения цвета контура.</p><p class="inset">Внутренний контур. Эффект зависит от значения цвета контура.</p><p class="outset">Наружный контур. Эффект зависит от значения цвета контура.</p></body></html>