Свойство 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>

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии