Proprietà style outlineWidth
Esempio
Modifica la larghezza del contorno di un elemento <div>:
document.getElementById("myDiv").style.outlineWidth = "10px";
Definizione e utilizzo
La proprietà outlineWidth imposta o restituisce la larghezza del contorno attorno a un elemento.
Un contorno è una linea attorno a un elemento. Viene visualizzato attorno al margine dell'elemento. Tuttavia, è diverso dalla proprietà di confine.
Il contorno non fa parte delle dimensioni dell'elemento, pertanto le proprietà di larghezza e altezza dell'elemento non contengono la larghezza del contorno.
Supporto browser
Property | |||||
---|---|---|---|---|---|
outlineWidth | Yes | Yes | Yes | Yes | Yes |
Sintassi
Restituisce la proprietà outlineWidth:
object.style.outlineWidth
Imposta la proprietà outlineWidth:
object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"
Valori di proprietà
Value | Description |
---|---|
thin | Defines a thin outline |
medium | Defines a medium outline. This is default |
thick | Defines a thick outline |
length | The width of the outline in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Dettagli tecnici
Valore di default: | medio |
---|---|
Valore di ritorno: | Una stringa, che rappresenta la larghezza del contorno di un elemento |
Versione CSS | CSS2 |
Altri esempi
Esempio
Modifica la larghezza del contorno di un elemento <div>, utilizzando il valore "spessore":
document.getElementById("myDiv").style.outlineWidth = "thick";
Esempio
Restituisce la larghezza del contorno di un elemento <div>:
alert(document.getElementById("myDiv").style.outlineWidth);
Pagine correlate
Tutorial CSS: Schema CSS
Riferimento CSS: proprietà outline
Riferimento HTML DOM: proprietà outline
❮ Oggetto stile