Својство 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;
}

Результат:

Погледајте такође