Контур

• outline-color - цвет контура;
• outline-style - стиль линии;
• outline-width - толщина линии;
• outline-offset - отступ между контуром и элементом;
• outline - краткая запись всех свойств;

Например. Изменим файл index.html:

<div class="outlined-box">Блок с контуром</div>
<button class="button">Кнопка с контуром при наведении</button>

Изменим файл styles.css:

.outlined-box {
    margin: 20px;
    width: 200px;
    height: 100px;
    background: #00e5a4;
    outline: 3px dashed #5c73e7;
    outline-offset: 5px;
}

.button:hover {
    outline: 3px solid #3e63dd;
    outline-offset: 2px;
}