proprietà outline dello stile

definizione e uso

outline imposta o ritorna tutti gli attributi del contorno in forma abbreviata.

attraverso questo attributo, puoi impostare/ritornare una o più delle seguenti opzioni (in qualsiasi ordine):

il contorno è una linea intorno all'elemento. È visualizzato intorno al margine dell'elemento. Tuttavia, è diverso da proprietà border diverso.

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:

corsi CSS:Contorno CSS

manuale CSS:attributo outline

esempio

esempio 1

aggiungi un contorno intorno all'elemento <div>:

document.getElementById("myDiv").style.outline = "thick solid #0000FF";

prova personalmente

esempio 2

modifica la larghezza, lo stile e il colore del contorno dell'elemento <div>:

document.getElementById("myDiv").style.outline = "5px dotted green";

prova personalmente

esempio 3

ritorna il valore dell'attributo outline dell'elemento <div>:

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

prova personalmente

sintassi

ritorna l'attributo outline:

oggetto.style.outline

imposta l'attributo outline:

oggetto.style.outline = "width style color|initial|inherit"

valore dell'attributo

valore descrizione
width imposta la larghezza del contorno.
style imposta lo stile del contorno.
color imposta il colore del contorno.
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 none invert
valore di ritorno: stringa che rappresenta la larghezza, lo stile e/o il colore del contorno dell'elemento.
versione CSS: CSS2

supporto del browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
supporto supporto supporto supporto supporto