Свойство outline
Задает обводку для элемента. Всегда находится за пределами элемента и обычно всегда прямоугольной формы, свойство border-radius никак не повлияет на скругление данной обводки. Сокращенная запись, которая включает в себя свойства outline-width, outline-style и outline-color
outline: 2px solid #ccc;- поддерживается начиная с
- частичная поддержка до
- не поддерживается
Значения
outline: none; или outline: 0;
Убирает обводку у элемента
outline: 2px solid #000;
Задает обводку используя три параметра. Порядок параметров не важен. Возможно использовать один, два или три параметра. Не указанные параметры будут вести себя как установлено браузером по умолчанию.
Возможные единицы: px, em, rem, vh, vw.
Стиль обводки: solid, dashed, dotted, double, groove, ridge
Для определения цвета можно использовать ключевые слова названия цвета, шестнадцатеричные значения: #ccc, RGB: rgb(0, 0, 0), RGBa: rgba(0, 0, 0, 0.9) и currentColor.
<style>
.example-1 {
width: 150px;
height: 150px;
background: #efefef;
outline: 2px solid #6376ff;
}
</style>
<div class="example-1"></div>