Proprietà outlineStyle dello stile

Definizione e uso

outlineStyle L'attributo imposta o restituisce lo stile del contorno intorno all'elemento.

Il contorno è una linea che circonda l'elemento. È visualizzato intorno al margine dell'elemento. Tuttavia, è diverso dalla proprietà 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:Contorni CSS

Tutorial CSS:Manuale CSS:

attributo outline-styleManuale HTML DOM:

proprietà outline

Esempio

esempio 1

Cambia lo stile del contorno del <div>:

document.getElementById("myDiv").style.outlineStyle = listValue;

Aggiungi un contorno solido intorno all'elemento <div>:

esempio 2

Cambia lo stile del contorno del <div>:

document.getElementById("myDiv").style.outlineStyle = listValue;

document.getElementById("myDiv").style.outlineStyle = "solid";

esempio 3

Restituisce lo stile del contorno del <div>:

document.getElementById("myDiv").style.outlineStyle = listValue;

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

esempio 4

Per tutti i diversi valori di esempio:
var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.outlineStyle = listValue;

Prova personalmente

sintassi

Imposta l'attributo outlineStyle:Restituisce l'attributo outlineStyle:

.style.outlineStyle

Imposta l'attributo outlineStyle:oggetto .style.outlineStyle =

value

valore dell'attributo valore
none descrizione
predefinito. Definisce nessun contorno. hidden
Il contorno è chiuso. dotted
Definisce il contorno a punti. dashed
Definisce il contorno a linea tratteggiata. solid
Definisce il contorno a linea continua. double Definisce il contorno a doppia linea. La larghezza della doppia linea è uguale a outline-width
valore. Definisce il contorno concavo 3D. Definisce il contorno concavo 3D. Questo effetto dipende da outline-color valori.
ridge Definisce il contorno convesso 3D. Definisce il contorno convesso 3D. Questo effetto dipende da outline-color valori.
inset Definisce il contorno concavo 3D. Questo effetto dipende da outline-color valori.
outset Definisce il contorno convesso 3D. Questo effetto dipende da outline-color valori.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Inherita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: none
Valore di ritorno: stringa che rappresenta lo stile 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