Esempio
Aggiungere un contorno attorno a un <div> elemento:
document.getElementById("myDiv").style.outline = "thick solid #0000FF"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà contorno o ritorni tutte le proprietà di contorno, in una forma abbreviata.
Con questa proprietà, è possibile impostare / return uno o più dei seguenti (in qualsiasi ordine):
- outline-width
- outline-style
- outline-color
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à schema è supportata in tutti i principali browser.
Note: La proprietà profilo non è supportata in IE7 e versioni precedenti. IE8 richiede un DOCTYPE!. IE9 e poi sostenerla.
Sintassi
Restituire la proprietà contorno:
object .style.outline
Impostare la proprietà contorno:
object .style.outline=" I valori delle proprietà Parametro Descrizione width Imposta la larghezza del contorno style Imposta lo stile del contorno color Imposta il colore del contorno 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: nessuno invertito medio Valore di ritorno: A String, che rappresenta la sagoma di larghezza, lo stile e / o il colore di un elemento CSS Version CSS2
Altri esempi
Esempio
Modificare la larghezza, lo stile e il colore del contorno di un <div> elemento:
document.getElementById("myDiv").style.outline = "5px dotted green"; Prova tu stesso "
Esempio
Restituire i valori delle proprietà sagoma di un <div> elemento:
alert(document.getElementById("myDiv").style.outline); Prova tu stesso "
Pagine correlate
CSS tutorial: Outline CSS
Di riferimento CSS: outline property
<Stile di oggetto