English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo border-bottom-color di CSS viene utilizzato per impostare separatamente il colore del bordo inferiore dell'elemento. Tuttavia, nel lavoro pratico, solitamente utilizziamo l'attributo di abbreviazione brevissimo border, ossiaborder-colorOborder-bottomImpostare lo stile o il colore del bordo.
La tabella di seguito riassume l'ambito di applicazione e la cronologia delle versioni di utilizzo di questa proprietà.
| Valore predefinito: | colorValore dell'attributo |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditabile: | No |
| Animabile: | Sì.Rifarti a Proprietà animate. |
| Versione: | CSS 1, 2, 3 |
| Sintassi JavaScript: | object object.style.borderBottomColor="red" |
La sintassi di questa proprietà è la seguente:
border-bottom-color: color | transparent | inherit
L'esempio seguente dimostra come utilizzare l'attributo border-bottom-color.
p {
border-style: solid;
border-bottom-color: #ff0000;
}Prova a vedere <</>>Attenzione:Deve essere dichiarato prima dell'attributo border-bottom-color del CSS.border-styleQuesta proprietà deve essere dichiarata prima dell'attributo border-bottom-color, e l'elemento deve avere un bordo per impostare il colore del bordo.
La tabella di seguito descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| Colore | 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 utilizza il valore calcolato dell'attributo border-bottom-color del suo elemento padre. |
La compatibilità del browser con l'attributo border-bottom-color è elencata di seguito; i numeri nella tabella rappresentano la versione minima del browser che supporta l'attributo. Tutti i browser mainstream supportano questa proprietà.
|
Vedere la guida:CSS Border,CSS3 Border.
Proprietà correlate:border,border-color,border-bottom,border-bottom-style,
border-bottom-width.