Proprietà contorno stile
Esempio
Aggiungi un contorno attorno a un elemento <div>:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
Definizione e utilizzo
La proprietà del contorno imposta o restituisce tutte le proprietà del contorno, in forma abbreviata.
Con questa proprietà, puoi impostare/restituire uno o più dei seguenti (in qualsiasi ordine):
- larghezza del contorno
- stile contorno
- colore del contorno
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 | |||||
---|---|---|---|---|---|
outline | Yes | Yes | Yes | Yes | Yes |
Sintassi
Restituisce la proprietà del contorno:
object.style.outline
Imposta la proprietà del contorno:
object.style.outline = "width style color|initial|inherit"
Valori di proprietà
Parameter | Description |
---|---|
width | Sets the width of the outline |
style | Sets the style of the outline |
color | Sets the color of the outline |
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 nessuno invertito |
---|---|
Valore di ritorno: | Una stringa, che rappresenta la larghezza del contorno, lo stile e/o il colore di un elemento |
Versione CSS | CSS2 |
Altri esempi
Esempio
Modifica la larghezza, lo stile e il colore del contorno di un elemento <div>:
document.getElementById("myDiv").style.outline = "5px dotted green";
Esempio
Restituisce i valori della proprietà del contorno di un elemento <div>:
alert(document.getElementById("myDiv").style.outline);
Pagine correlate
Tutorial CSS: Schema CSS
Riferimento CSS: proprietà outline
❮ Oggetto stile