Proprietà outline-style CSS

Definizione e utilizzo

L'attributo 'outline-style' viene utilizzato per impostare lo stile dell'intera cornice dell'elemento. Lo stile non può essere 'none', altrimenti la cornice non apparirà.

Il contorno (outline) è una linea disegnata intorno all'elemento, al di fuori dell'angolo della cornice, e può servire a evidenziare l'elemento. L'attributo outline imposta la linea di contorno intorno all'elemento.

Nota:Deve essere sempre dichiarato l'attributo outline-style prima dell'attributo outline-color. L'elemento deve ottenere il contorno prima di poter cambiare il colore del contorno.

Nota:La linea di contorno non occupa spazio e non è necessariamente rettangolare.

Vedi anche:

Tutorial CSS:Contorno CSS

Manuale CSS:Attributo outline

Manuale HTML DOM:Attributo outlineStyle

Esempio

Impostazione dello stile della contorno:

p
  {
  outline-style:dotted;
  }

Prova da solo

Sintassi CSS

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Valore dell'attributo

Valore Descrizione
nessuna Predefinito. Definisce nessun contorno.
hidden Definisce il contorno nascosto.
dotted Definisce il contorno a punti.
dashed Definisce il contorno a tratteggio.
solid Definisce il contorno a linea continua.
double Definisce il contorno a doppia linea. La larghezza della linea è uguale al valore di outline-width.
groove Definisce il contorno 3D con profilo scavato. Questo effetto dipende dal valore di outline-color.
ridge Definisce il contorno 3D con profilo inciso. Questo effetto dipende dal valore di outline-color.
inset Definisce il contorno 3D con profilo incavato. Questo effetto dipende dal valore di outline-color.
outset Definisce il contorno 3D con profilo rilevato. Questo effetto dipende dal valore di outline-color.
inherit Deve essere definito come ereditato lo stile della contorno dal genitore.

Dettagli tecnici

Valore predefinito: nessuna
Ereditarietà: no
Versione: CSS2
Sintassi JavaScript: oggetto.style.outlineStyle="dotted"

Esempio TIY

Impostazione dello stile della contorno
Questo esempio dimostra come impostare lo stile della contorno.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Nota:Se specificato !DOCTYPE, IE8 supporta l'attributo outline.