English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La proprietà border-top CSS imposta la larghezza, lo stile e il colore della bordatura superiore dell'elemento. È possibile impostare un singolo attributo di bordatura superiore (cioèborder-top-width,border-top-styleeborder-top-color)proprietà abbreviate.
La tabella sottostante fornisce spiegazioni sull'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nel script JavaScript.
| Valore predefinito: | Vedere tutte le proprietà |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditarietà: | No |
| Animabile: | Sì,Vedere singola proprietà.Vedere Proprietà animate. |
| Versione: | CSS 1, 2, 3 |
| Sintassi JavaScript: | oggetto.style.borderTop="2px solid red" |
La sintassi di questa proprietà è la seguente:
border-top: [ border-top-width border-top-style border-top-color ] | initial | inherit
L'esempio seguente dimostra come utilizzare la proprietà border-top.
h1 {
border-top: 5px solid #ff0000;
}
p {
border-top: 3px dotted #00ff00;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| border-top-width | Imposta la larghezza della bordatura superiore dell'elemento. |
| border-top-style | Imposta lo stile della linea della bordatura superiore dell'elemento. |
| border-top-color | Imposta il colore della bordatura superiore dell'elemento. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore della proprietà border-top del suo elemento padre. |
La compatibilità del browser per la proprietà border-top, 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-top-color,border-top-style,border-top-width.