English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo CSS border-top-width viene utilizzato per impostare la larghezza del bordo superiore dell'elemento. Tuttavia, in molti casi, come border-widthoborder-topQueste proprietà CSS abbreviate sono più facili da utilizzare e più preferibili.
La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso in script JavaScript.
| Valore predefinito: | medium |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditarietà: | No |
| Animabile: | Sì.Vedere: Proprietà animazione. |
| Versione: | CSS 1, 2, 3 |
| Sintassi JavaScript: | object object.style.borderTopWidth="thick" |
La sintassi di questa proprietà è la seguente:
border-top-width: thin | medium | thick | length | inherit
Gli esempi seguenti illustrano come utilizzare la proprietà border-top-width.
p {
border-style: solid;
border-top-width: 15px;
}Prova a vedere <</>Attenzione:Devi dichiarare prima la proprietà border-bottom-widthborder-styleproprietà. L'elemento deve avere un bordo prima di poter impostare la larghezza del bordo, perché ilborder-styleIl valore predefinito della proprietà è none.
La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| thin | Bordo sottile. |
| medium | Bordo medio. |
| thick | Bordo spesso. |
| Lunghezza | Valori di lunghezza in unità come px, pt, cm, em, ecc. Non è permesso che il valore sia negativo. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore della proprietà border-top-width dell'elemento padre. |
La compatibilità del browser per la proprietà border-top-width. I numeri nella tabella sotto rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Vedere le lezioni:CSS Border,CSS3 Border.
Proprietà correlate:border,border-width,border-top,border-top-color,
border-top-style.