English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole @ CSS (RULES)

Completo dell'attributo CSS

Metodo di utilizzo e esempio dell'attributo CSS outline-color

L'attributo CSS outline-color imposta il colore del contorno dell'elemento. Tuttavia, in molti casi, preferiamo utilizzareoutlineQuesta proprietà abbreviata.

La tabella sottostante fornisce la descrizione dell'uso di questa proprietà e la cronologia delle versioni, nonché la sintassi di utilizzo della proprietà nel linguaggio JavaScript.

Valore predefinito:invert
Applicabile a:Tutti gli elementi
Ereditarietà:No
Animabile:Sì.Si prega di consultare Attributi animazione
Versione:CSS 2、3
Sintassi JavaScript:oggetto.style.outlineColor="#000000"

Sintassi dell'uso di outline-color

La sintassi di questa proprietà è la seguente:

outline-color: color | invert | initial | inherit

L'esempio seguente dimostra come utilizzare l'attributo outline-color.

  p {
   outline-style: solid;
   outline-color: #ff0000;
  }
Testa e guarda‹/›

Attenzione:Devi dichiarareoutline-styleAttributo. L'elemento deve avere un profilo prima di essere in grado di impostare il colore del profilo, perché il valore predefinito della proprietà outline-style è none.

Valore dell'attributo

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
colorSpecificare il colore del profilo. VediValore di colore CSSper ottenere una lista di possibili valori di colore.
invertEsegui una反转颜色, per garantire che il profilo sia visibile indipendentemente dal colore di sfondo. Questo è il valore predefinito.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato utilizza il valore dell'attributo outline-color del suo elemento padre.

Compatibilità del browser

Compatibilità del browser per l'attributo outline-color, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta l'attributo; tutti i browser mainstream supportano questo attributo.

  • Firefox 1.5 e superiori

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1.2+

  • Opera 7+

Attenzione: Internet Explorer 7 e versioni precedenti non supportano l'attributo outline-color. IE8 supporta questo attributo, ma è necessario un<!DOCTYPE>

Leggi di più

Si prega di consultare le lezioni relative ai seguenti contenuti:Profilo CSSBordo CSS

Proprietà correlate:outlineoutline-widthoutline-style