Proprietà outlineWidth dello stile

Definizione e uso

outlineWidth Imposta o restituisce la larghezza del contorno intorno all'elemento.

Il contorno è una linea che circonda l'elemento. È visualizzato intorno al margine dell'elemento. Tuttavia, è diverso dall'attributo bordo.

Il contorno non fa parte delle dimensioni dell'elemento, quindi le proprietà larghezza e altezza dell'elemento non includono la larghezza del contorno.

Vedi anche:

Corso CSS:Profilo CSS

Manuale CSS:Proprietà outline

Manuale HTML DOM:Proprietà outline

Esempio

Esempio 1

Cambia la larghezza del contorno dell'elemento <div>:

document.getElementById("myDiv").style.outlineWidth = "10px";

Prova tu stesso

Esempio 2

Cambia la larghezza del contorno dell'elemento <div> utilizzando il valore "thick":

document.getElementById("myDiv").style.outlineWidth = "thick";

Prova tu stesso

Esempio 3

Restituisce la larghezza del contorno dell'elemento <div>:

alert(document.getElementById("myDiv").style.outlineWidth);

Prova tu stesso

Sintassi

Restituisce l'attributo outlineWidth:

object.style.outlineWidth

Imposta l'attributo outlineWidth:

object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"

Valore dell'attributo

Valore Descrizione
thin Definisce un contorno sottile.
medium Definisce un contorno medio. Predefinito.
thick Definisce un contorno spesso.
length Larghezza del contorno espressa in unità di lunghezza.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: medium
Valore di ritorno: Stringa che rappresenta la larghezza del contorno dell'elemento.
Versione CSS: CSS2

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto