English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo CSS border-top-color imposta il colore del bordo superiore dell'elemento singolarmente. Tuttavia, in molti casi, come border-colorOborder-topL'uso di abbreviazioni CSS è più comodo e preferibile.
La tabella sottostante fornisce la descrizione dell'uso e la cronologia delle versioni di questo attributo, nonché la sintassi dell'uso in script JavaScript.
| Valore predefinito: | colorValore dell'attributo |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditarietà: | No |
| Animabile: | Sì.Rif.: Attributi animati. |
| Versione: | CSS 1, 2, 3 |
| Sintassi JavaScript: | oggetto.style.borderTopColor="red" |
La sintassi di questo attributo è la seguente:
border-top-color: color | transparent | initial | inherit
Gli esempi seguenti illustrano come utilizzare la proprietà border-top-color.
p {
border-style: solid;
border-top-color: #ff0000;
}Prova a vedere‹/›Attenzione:Devi dichiarare prima la proprietà border-bottom-widthborder-styleattributo. L'elemento deve avere un bordo prima di poter impostare la larghezza del bordo, perché ilborder-styleIl valore predefinito dell'attributo è none.
La tabella sottostante descrive i valori di questo attributo.
| Valore | Descrizione |
|---|---|
| color | Specificare il colore del bordo superiore. VediValori di colore CSSper ottenere l'elenco delle possibili valori di colore. |
| transparent | Permette che il bordo sia trasparente, anche se potrebbe occupareborder-widthSpazio dell'attributo. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore della proprietà border-top-color del suo elemento padre. |
La compatibilità del browser per la proprietà border-top-color, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Vedere la guida:CSS Border,CSS3 Border.
Proprietà correlate:border,border-color,border-top,border-top-style,
border-top-width.