Svojstvo outline

Svojstvo outline postavlja boju, tip i debljinu za spoljni okvir (granica koja ne zauzima prostor) za sve strane istovremeno, ali za razliku od border takva granica ne proširuje element. Predstavlja skraćenu sintaksu za svojstva outline-width, outline-style i outline-color (ali ne i za outline-offset).

Sintaksa

cssselektor {
  outline: debljina tip boja;
}

Redosled vrednosti nije bitan.

Primer . Samo outline

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

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

Результат:

Primer . Svojstva outline i border zajedno

Granica od outline će biti spolja, a granica od border - unutra:

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

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

Результат:

Vidi takođe