English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La proprietà border-bottom del CSS imposta la larghezza, lo stile e il colore dell'elemento del bordo inferiore. È un attributo di abbreviazione utilizzato per impostare il bordo inferiore separatamente. border-bottom-width，border-bottom-styleeborder-bottom-colorÈ una dichiarazione di attributo singolo.
La tabella seguente riassume l'uso contestuale e la cronologia delle versioni di questa proprietà.
| Valore predefinito： | Visualizza tutti gli attributi |
|---|---|
| Applicabile a： | Tutti gli elementi |
| Ereditarietà： | No |
| Animabile: | SìSi prega di fare riferimento all'attributo singolo。Si prega di fare riferimento Proprietà animate。 |
| Versione： | CSS 1，2，3 |
| Sintassi JavaScript： | object object.style.borderBottom="2px solid red" |
La sintassi di questa proprietà è la seguente：
border-bottom: [ border-bottom-width border-bottom-style border-bottom-color ] | initial | inherit
L'esempio seguente dimostra come utilizzare la proprietà border-bottom.
h1 {border-bottom: 5px dashed #ff0000;}
p {border-bottom: 3px dotted #00ff00;}Prova a vedere‹/›La tabella seguente descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| border-bottom-width | Imposta la larghezza del bordo inferiore dell'elemento. |
| border-bottom-style | Imposta lo stile della linea del bordo inferiore dell'elemento. |
| border-bottom-color | Imposta il colore della parte inferiore del bordo dell'elemento. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato utilizza il valore calcolato della proprietà border-bottom dell'elemento padre. |
Compatibilità del browser per la proprietà border-bottom, tutti i browser principali supportano questa proprietà.
|
Vedere la guida：CSS Border，CSS3 Border。
Proprietà correlate：border，border-bottom-color，border-bottom-style，border-bottom-width。