English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo border-color CSS viene utilizzato per impostare l'attributo colore di singolo bordo, ovvero un attributo abbreviato di concisione;border-top-color,border-right-color,border-bottom-colorEborder-left-colorPer una dichiarazione singola.
La tabella seguente fornisce la descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nei script JavaScript.
| Valore predefinito: | Visualizza tutte le proprietà |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditarietà: | Nessuno |
| Animabile: | Sì.Si prega di consultare Proprietà animazione. |
| Versione: | CSS 1, 2, 3 |
| Sintassi JavaScript: | object object.style.borderColor="#cc0000 red" |
La sintassi di questo attributo è la seguente:
border-color: [ color | transparent ] 1 to 4 values | inherit
Questo abbreviazione simbolica può avere un, due, tre o quattro valori separati da spazi.
Se specificatoUn valoreViene applicato a tutti i bordi.
Se specificatiDue valoriIl primo valore viene utilizzato per i bordi superiore e inferiore, mentre il secondo valore viene utilizzato per i bordi destro e sinistro.
Se specificatiTre valoriLa prima valore viene utilizzato per il bordo superiore, il secondo valore viene utilizzato per i bordi destro e sinistro, il terzo valore viene utilizzato per il bordo inferiore
Se specificatiQuattro valoriSe specificati, i valori verranno applicati rispettivamente in ordine superiore, destro, inferiore e sinistro al bordo.
Gli esempi seguenti dimostrano come utilizzare la proprietà border-color.
p {
border-style: solid;
border-color: #ff0000;
}Prova a vedere </>Attenzione:Devi dichiarare prima l'attributo border-colorborder-styleDevi dichiarare l'elemento con un bordo prima di impostare il colore del bordo, perchéborder-styleIl valore predefinito dell'attributo è none.
La tabella sottostante descrive i valori di questo attributo.
| Valore | Descrizione |
|---|---|
| color | Specificare il colore del bordo. GuardaValori di colore CSSper ottenere una lista di valori di colore possibili. |
| transparent | Permette che il bordo sia trasparente, anche se potrebbe occupareborder-widthSpazio di impostazione dell'attributo. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore della proprietà border-color del suo elemento padre. |
Compatibilità del browser per proprietà border-color, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Vedere tutorial:CSS Border,CSS3 Border.
Proprietà correlate:border,border-style,border-width,border-top-color,border-right-color,border-bottom-color,border-left-color.