Proprietà stile outlineStyle
Esempio
Aggiungi un contorno "solido" attorno a un elemento <div>:
document.getElementById("myDiv").style.outlineStyle = "solid";
Definizione e utilizzo
La proprietà outlineStyle imposta o restituisce lo stile 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 | |||||
|---|---|---|---|---|---|
| outlineStyle | Yes | Yes | Yes | Yes | Yes |
Sintassi
Restituisce la proprietà outlineStyle:
object.style.outlineStyle
Imposta la proprietà outlineStyle:
object.style.outlineStyle = value
Valori di proprietà
| Value | Description |
|---|---|
| none | Defines no outline. This is default |
| hidden | The outline is turned off |
| dotted | Defines a dotted outline |
| dashed | Defines a dashed outline |
| solid | Defines a solid outline |
| double | Defines a double outline |
| groove | Defines a 3D grooved outline. The effect depends on the outline-color value |
| ridge | Defines a 3D ridged outline. The effect depends on the outline-color value |
| inset | Defines a 3D inset outline. The effect depends on the outline-color value |
| outset | Defines a 3D outset outline. The effect depends on the outline-color value |
| 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: | nessuno |
|---|---|
| Valore di ritorno: | Una stringa, che rappresenta lo stile del contorno di un elemento |
| Versione CSS | CSS2 |
Altri esempi
Esempio
Modifica lo stile del contorno di un elemento <div>:
document.getElementById("myDiv").style.outlineStyle = "solid";
Esempio
Restituisce lo stile del contorno di un elemento <div>:
alert(document.getElementById("myDiv").style.outlineStyle);
Esempio
Una dimostrazione di tutti i diversi valori:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
Pagine correlate
Tutorial CSS: Schema CSS
Riferimento CSS: proprietà in stile contorno
Riferimento HTML DOM: proprietà outline
❮ Oggetto stile