English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo border del CSS imposta la larghezza, lo stile e il colore di tutti e quattro i lati del bordo dell'elemento. È utilizzato per impostare singolarmente le proprietà del bordo, ossia un attributo di sintassi abbreviata, eborder-width,border-styleeborder-colorÈ una dichiarazione singola.
La tabella sottostante riassume l'ambito di utilizzo e la cronologia delle versioni di questa proprietà.
| Valore predefinito: | Vedere singolo attributo |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditarietà: | No |
| Animabile: | Sì,Rifarti a singolo attributo.Rifarti a Proprietà animazione. |
| Versione: | CSS 1, 2, 3 |
| Sintassi JavaScript: | object object.style.border="1px solid red" |
La sintassi di questa proprietà è la seguente:
border: [ border-width border-style border-color ] | initial | inherit
Attenzione:Se manca o viene omesso qualsiasi degli attributi elencati di sopra, verrà inserito il valore predefinito di questo attributo (se disponibile). Per ulteriori dettagli, vedere ciascun attributo.
L'esempio seguente dimostra come utilizzare la proprietà border.
h1 { border: 5px solid #ff0000; }
p { color: #00ff00; border: 5px solid; }Prova a vedere <›/›Attenzione:seborder-colormanca o non è specificato (ad esempio border: 5px solid;),colorverrà utilizzato il valore dell'attributo dell'elemento. Tuttavia, se c'èborder-styleIn questo caso, saltare o ignorare questo valore non mostrerà alcun bordo, perché il valore predefinito della proprietà border-style è none.
La tabella seguente descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| border-width | Imposta la larghezza del bordo dell'elemento. |
| border-style | Imposta il tipo di linea del bordo dell'elemento. |
| border-color | Imposta il colore del bordo dell'elemento. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore calcolato della proprietà border del suo elemento padre. |
Compatibilità del browser per la proprietà border, tutti i browser mainstream supportano questa proprietà.
|
Vedere la guida:CSS Border,CSS3 Border.
Proprietà correlate:border-width,border-style,border-color,border-collapse,border-image,border-radius,border-spacing.