Esempio
Aggiungi un "solid" contorno attorno a un <div> elemento:
document.getElementById("myDiv").style.outlineStyle = "solid"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà outlineStyle o restituisce lo stile del contorno intorno ad un elemento.
Un profilo è una linea intorno ad un elemento. Viene visualizzato attorno al margine dell'elemento. Tuttavia, è diversa dalla proprietà border.
Il contorno non è una parte di dimensioni dell'elemento, quindi larghezza e altezza proprietà dell'elemento non contengono la larghezza del contorno.
Supporto browser
La proprietà outlineStyle è supportata in tutti i principali browser.
Note: La proprietà outlineStyle non è supportata in IE7 e versioni precedenti. IE8 richiede un DOCTYPE!. IE9 e poi sostenerla.
Sintassi
Restituire la proprietà outlineStyle:
object .style.outlineStyle
Impostare la proprietà outlineStyle:
object .style.outlineStyle= value I valori delle proprietà
| Valore | Descrizione |
|---|---|
| none | Definisce senza contorno. Questa è l'impostazione predefinita |
| hidden | Il contorno è spento |
| dotted | Definisce un contorno tratteggiato |
| dashed | Definisce un contorno tratteggiato |
| solid | Definisce un contorno solido |
| double | Definisce un doppio contorno |
| groove | Definisce un contorno scanalato 3D. L'effetto dipende dal valore outline-color |
| ridge | Definisce un contorno increspato 3D. L'effetto dipende dal valore outline-color |
| inset | Definisce un contorno 3D nel riquadro. L'effetto dipende dal valore outline-color |
| outset | Definisce un contorno fin 3D. L'effetto dipende dal valore outline-color |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Dettagli tecnici
| Valore di default: | nessuna |
|---|---|
| Valore di ritorno: | A String, che rappresenta lo stile di contorno di un elemento |
| CSS Version | CSS2 |
Altri esempi
Esempio
Modificare lo stile sagoma di un <div> elemento:
document.getElementById("myDiv").style.outlineStyle = "solid";
Prova tu stesso " Esempio
Ritorna lo stile sagoma di un <div> elemento:
alert(document.getElementById("myDiv").style.outlineStyle); Prova tu stesso " Esempio
Una dimostrazione di tutti i diversi valori:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue; Prova tu stesso " Pagine correlate
CSS tutorial: Outline CSS
Di riferimento CSS: outline-style property
Di riferimento HTML DOM: outline property
<Stile di oggetto