Proprietà outline-style

La proprietà outline-style imposta lo stile del contorno esterno - un bordo che non occupa spazio.

Sintassi

selettore {
	outline-style: valore;
}

Valore	Descrizione
`solid`	Linea continua.
`dotted`	Bordo punteggiato.
`dashed`	Bordo tratteggiato.
`ridge`	Bordo in rilievo.
`double`	Bordo doppio. Per vedere l'effetto, lo spessore del bordo deve essere almeno `3px`.
`groove`	Bordo incassato.
`inset`	Bordo interno incassato.
`outset`	Bordo esterno in rilievo.
`none`	Nessun bordo.

Valore predefinito: none.

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

#elem {
	outline-width: 1px;
	outline-style: solid;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 1px;
	outline-style: dotted;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 1px;
	outline-style: dashed;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 3px;
	outline-style: ridge;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 3px;
	outline-style: double;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 3px;
	outline-style: groove;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 3px;
	outline-style: inset;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 3px;
	outline-style: outset;
	outline-color: black;
	width: 300px;
	height: 100px;
}