English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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" |
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.
La tabella sottostante descrive i valori di questa proprietà.
Valore | Descrizione |
---|---|
color | Specificare il colore del profilo. VediValore di colore CSSper ottenere una lista di possibili valori di colore. |
invert | Esegui una反转颜色, per garantire che il profilo sia visibile indipendentemente dal colore di sfondo. Questo è il valore predefinito. |
initial | Imposta questa proprietà al suo valore predefinito. |
inherit | Se specificato, l'elemento correlato utilizza il valore dell'attributo outline-color del suo elemento padre. |
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.
|
Attenzione: Internet Explorer 7 e versioni precedenti non supportano l'attributo outline-color. IE8 supporta questo attributo, ma è necessario un<!DOCTYPE>。
Si prega di consultare le lezioni relative ai seguenti contenuti:Profilo CSS,Bordo CSS。
Proprietà correlate:outline,outline-width,outline-style。