Свойство outline

Свойство outline задава цвят, тип и дебелина за външна рамка (граница, която не заема място) за всички страни едновременно, но за разлика от border такава граница не разширява елемента. Явява свойство-съкращение за outline-width, outline-style и outline-color (но не за outline-offset).

Синтаксис

cssселектор {
  outline: дебелина тип цвят;
}

Редът на свойствата няма значение.

Пример . Само outline

html<div id="elem"></div>

css#elem {
  outline: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

Пример . Свойства outline и border заедно

Границата от outline ще бъде отвън, а границата от border - отвътре:

html<div id="elem"></div>

css#elem {
  outline: 4px solid green;
  border: 4px solid red;
  width: 300px;
  height: 100px;
}

Результат:

Вижте също