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
selettore {
outline: spessore tipo colore;
}
L'ordine delle proprietà non ha importanza.
Esempio . Solo outline
<div id="elem"></div>
#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:
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Vedi anche
-
la proprietà
outline-offset,
che imposta l'offset del contorno
