<!DOCTYPE html>
<html>
<head>
<style>
div.ex1 {
margin: 20px;
border: 1px solid black;
outline: 4px solid red;
outline-offset: 15px;
}
div.ex2 {
margin: 10px;
border: 1px solid black;
outline: 5px dashed blue;
outline-offset: 5px;
}
</style>
</head>
<body>
<h1>Свойство outline-offset</h1>
<div class="ex1">Этот div имеет сплошной красный контур размером 4 пикселя на 15 пикселей за пределами границы.</div>
<br>
<div class="ex2">Этот div имеет синий пунктирный контур размером 5 пикселей на 5 пикселей за пределами границы.</div>
</body>
</html>