Esempio
Impostare il contorno attorno a un <p> elemento:
p
{
outline: #00FF00 dotted thick;
}
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" .
Il contorno proprietà scorciatoia imposta tutte le proprietà di struttura in una dichiarazione.
Le proprietà che possono essere impostate, sono (in order) : outline-color, contorno in stile, contorno di larghezza.
Se uno dei valori dovesse risultare mancante, ad esempio, "outline:solid #ff0000;" , Verrà inserito il valore predefinito per la proprietà mancante, se presente.
Nota: Lo schema non è una parte di dimensioni dell'elemento, quindi larghezza e altezza proprietà dell'elemento non contengono la larghezza del contorno.
| Valore di default: | invert none medium |
|---|---|
| Inherited: | no |
| animatable: | yes, see individual properties . Read about animatable Try it |
| Versione: | CSS2 |
| sintassi JavaScript: | object .style.outline="#0000FF dotted 5px" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| outline | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Note: IE8 supporta la proprietà contorno solo se viene specificato un DOCTYPE!.
CSS Sintassi
outline:outline-coloroutline-styleoutline-width|initial|inherit;I valori delle proprietà
| Valore | Descrizione |
|---|---|
| outline-color | Specifica il colore del contorno |
| outline-style | Specifica lo stile del contorno |
| outline-width | Specifica la larghezza di 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à |
Pagine correlate
CSS tutorial: Outline CSS
Di riferimento HTML DOM: outline property