English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo outlineimposta la larghezza, lo stile e il colore di tutti e quattro i lati del contorno dell'elemento. È utilizzato per impostare vari attributi di contorno in una singola dichiarazione (cioèoutline-width,outline-styleeoutline-colorProprietà abbreviate di ()
La tabella sottostante fornisce la descrizione dell'uso di questa proprietà, la cronologia delle versioni e la sintassi di utilizzo di questa proprietà nei script JavaScript.
| Valore predefinito: | Visualizza tutte le proprietà |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditarietà: | Nessuno |
| Animazione possibile: | Sì, perché alcune proprietà della stenografia possono essere animate.Rifarti Rifarti. |
| Proprietà animazione | Versione: |
| CSS 2、3 | Sintassi JavaScript:object |
Sintassi dell'uso di outline
Sintassi di questa proprietà:
Testa e vedi <‹/›>outline: [ outline-width outline-style outline-color ] | initial | inherit
Se manca o viene omesso qualsiasi degli attributi elencati sopra, verrà inserito il valore predefinito di questa proprietà (se presente). Per ulteriori dettagli, vedere le singole proprietà.
Esempio
p.one {
outline-top: 5px solid;
outline: 2px solid #ff0000;
p.two {
color: #00ff00;
outline-top: 5px solid;}Testa e vedi <‹/›>Attenzione:outline-colorSeMancante o non specificato (ad esempio outline: 5px solid;), allora verrà utilizzatocoloroutline-styleMa in alcune circostanze speciali, può essere omesso
Questo valore non mostrerà alcun contorno perché il valore predefinito della proprietà outline-style è none.
| Valore dell'attributo | La tabella sottostante descrive i valori di questa proprietà. |
|---|---|
| outline-width | Valore |
| outline-style | Descrizione |
| outline-color | Imposta il colore della contorno dell'elemento. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta i valori delle proprietà outline del suo elemento padre. |
Compatibilità del browser per la proprietà outline, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Attenzione: Internet Explorer 7 e versioni precedenti non supportano questa proprietà outline. IE8 supporta questa proprietà, ma richiede un<!DOCTYPE>.
Ecco come fare riferimento alla seguente guida:Ombreggiatura CSS,Bordo CSS.
Proprietà correlate:outline-width,outline-style,outline-color