Выполнить »
×
Изменить ориентацию
Открыть на Codepen
Изменить тему, Темная/Светлая
<!DOCTYPE html> <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>
