Proprietà outline-color CSS

Definizione e uso

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

Nota:Deve sempre dichiarare l'attributo outline-style prima dell'attributo outline-color. Un elemento può cambiare il colore del contorno solo dopo aver ricevuto il contorno.

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

L'attributo outline-color imposta il colore della parte visibile dell'intero contorno di un elemento. Ricorda che lo stile del contorno non può essere none, altrimenti il contorno non apparirà.

Vedi anche:

Tutorial CSS:Contorno CSS

Manuale di riferimento CSS:Attributo outline

Manuale di riferimento HTML DOM:Attributo outlineColor

Esempio

Impostare il colore della contorno a punto:

p
  {
  outline-style:dotted;
  outline-color:#00ff00;
  }

Prova da solo

Sintassi CSS

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

Valore dell'attributo

Valore Descrizione
color_name Specificare il colore del contorno come nome del colore (ad esempio red).
hex_number Specificare il colore del contorno come valore esadecimale (ad esempio #ff0000).
rgb_number Specificare il colore del contorno come codice rgb (ad esempio rgb(255,0,0)).
invert Predefinito. Esegui la inversione del colore (colore inverso). Questo rende il contorno visibile su sfondi di colori diversi.
inherit Si dovrebbe specificare che l'impostazione del colore del contorno deve essere ereditata dal elemento padre.

Dettagli tecnici

Valore predefinito: invert
Ereditarietà: no
Versione: CSS2
Sintassi JavaScript: oggetto.style.outlineColor="#0000FF"

Esempio TIY

Impostare il colore della contorno
Questo esempio dimostra come impostare il colore 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.