Esempio
Impostare il colore di un contorno tratteggiato:
p
{
outline-style: dotted;
outline-color: #00ff00;
}
Prova tu stesso " Definizione e utilizzo
Un profilo è una linea che viene disegnata attorno agli elementi (outside the borders) per rendere l'elemento "stand out" .
La proprietà outline-color specifica il colore di un contorno.
Note: dichiarare sempre la proprietà contorno in stile prima che la proprietà outline-color. Un elemento deve avere un profilo prima di modificare il colore di esso.
| Valore di default: | invert |
|---|---|
| Inherited: | no |
| animatable: | yes, see individual properties . Read about animatable Try it |
| Versione: | CSS2 |
| sintassi JavaScript: | object .style.outlineColor="#FF0000" Try it |
Suggerimenti e Note
Un profilo è una linea intorno ad un elemento. Viene visualizzata attorno al margine dell'elemento. Tuttavia, è differente dalla struttura confine.
Il contorno non è una parte di dimensioni dell'elemento, quindi larghezza e altezza proprietà dell'elemento non contengono la larghezza del contorno.
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| outline-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Note: IE8 supporta la proprietà outline-color solo se viene specificato un DOCTYPE!.
CSS Sintassi
outline-color: invert|color|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| invert | Esegue una inversione dei colori. Questo assicura che il contorno è visibile, indipendentemente colore di sfondo. Questa è l'impostazione predefinita | Gioca " |
| color | Specifica il colore del contorno. Guardate i valori di colore CSS per un elenco completo dei possibili valori di colore. | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
CSS tutorial: Outline CSS
Riferimento CSS: outline property
Di riferimento HTML DOM: outlineColor property