Proprietà outline

La proprietà outline imposta il colore, il tipo e lo spessore per il contorno esterno (bordo che non occupa spazio) per tutti i lati simultaneamente, ma a differenza di border un tale bordo non espande l'elemento. È una proprietà di scorciatoia per outline-width, outline-style e outline-color (ma non per outline-offset).

Sintassi

cssselettore {
  outline: spessore tipo colore;
}

L'ordine delle proprietà non ha importanza.

Esempio . Solo outline

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

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

Результат:

Esempio . Proprietà outline e border insieme

Il bordo da outline sarà all'esterno, mentre il bordo da border - all'interno:

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

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

Результат:

Vedi anche