<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
p.dotted {outline:dotted;}
p.dashed {outline: dashed;}
</style>
</head>
<body>
<h2>Пример свойства outline</h2>
<p class="dotted">Lorem Ipsum - это текст-"рыба", часто используемый в печати и веб-дизайне.</p>
<p class="dashed">Lorem Ipsum - это текст-"рыба", часто используемый в печати и веб-дизайне.</p>
</body>
</html>