Proprietà outline CSS

Definizione e uso

L'outline (contorno) è una linea disegnata intorno all'elemento, al di fuori dell'angolo del bordo, che può servire a evidenziare l'elemento.

Nota:Le linee di contorno non occupano spazio e non sono necessariamente rettangolari.

L'attributo outline abbreviato imposta tutti gli attributi della contorno in una dichiarazione.

È possibile impostare in successione i seguenti attributi:

Se non si imposta uno dei valori, non ci sono problemi, ad esempio outline:solid #ff0000; è permesso.

Vedi anche:

Tutorial CSS:Contorno CSS

Manuale di riferimento HTML DOM:Attributo outline

Esempio

Impostare lo stile dei 4 bordi:

p
  {
  outline:#00FF00 dotted thick;
  }

Prova tu stesso

Sintassi CSS

outline: outline-width outline-style outline-color|initial|inherit;

Valore dell'attributo

Valore Descrizione
outline-color Definire il colore del bordo. Vedi:outline-color valori possibili.
outline-style Definire lo stile del bordo. Vedi:outline-style valori possibili.
outline-width Definire la larghezza del bordo. Vedi:outline-width valori possibili.
inherit L'attributo outline dovrebbe essere ereditato dal padre dell'elemento.

Dettagli tecnici

Valore predefinito: invert none medium
Ereditarietà: no
Versione: CSS2
Sintassi JavaScript: object.style.outline="#0000FF dotted thin"

Esempio TIY

Disegnare una linea intorno all'elemento
Questo esempio dimostra come disegnare una linea intorno all'elemento utilizzando l'attributo outline.

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 è definito !DOCTYPE, IE8 supporta l'attributo outline.