Proprietà outline-width CSS

Definizione e uso

L'attributo outline-width imposta la larghezza dell'intero contorno dell'elemento, questa larghezza è efficace solo se lo stile del contorno non è none. Se lo stile è none, la larghezza viene ripristinata a 0. Non è permesso impostare valori di lunghezza negativi.

Il contorno (outline) è una linea disegnata intorno all'elemento, al di fuori dell'angolo del bordo, può essere utilizzato per evidenziare l'elemento. L'attributo outline imposta la linea di contorno intorno all'elemento.

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

Nota:Il contorno non occupa spazio e non è necessariamente rettangolare.

Vedi anche:

Corso CSS:Contorno CSS

Manuale CSS:Attributo outline

Manuale HTML DOM:Attributo outlineWidth

Esempio

Impostare il colore del contorno a punto:

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

Prova da solo

Sintassi CSS

outline-width: medium|thin|thick|length|initial|inherit;

Valore dell'attributo

Valore Descrizione
thin Specifica un contorno sottile.
medium Predefinito. Specifica un contorno medio.
thick Specifica un contorno spesso.
length Permette di specificare il valore della spessore del contorno.
inherit L'attributo specifica che la larghezza del contorno dovrebbe essere ereditata dal genitore.

Dettagli tecnici

Valore predefinito: medium
Ereditarietà: no
Versione: CSS2
Sintassi JavaScript: object.style.outlineWidth="thin"

Esempio TIY

Impostare la larghezza del contorno
Questo esempio dimostra come impostare la larghezza del 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.