Html: gli attributi

L’attributo “border” viene utilizzato nel tag <table> per definire lo spessore del bordo delle celle di una tabella HTML.

L’attributo “border” accetta un valore intero che rappresenta lo spessore del bordo in pixel. I valori comuni per “border” vanno da 0 a 3, ma è possibile utilizzare valori superiori per ottenere bordi più spessi.

• Quando “border” viene impostato su 0 (border=”0″), viene disabilitato il bordo delle celle, rendendole senza bordo.
• Con “border” impostato su valori superiori a 0, ad esempio 1, 2 o 3 (border=”1″, border=”2″, border=”3″), si otterranno bordi sottili, medi o spessi rispettivamente intorno alle celle della tabella.

---

Attributo e descrizione	Esempio	Risultato
border=”0″: Nessun bordo	<table border=”0″>	Contenuto della tabella
border=”1″: Bordo sottile	<table border=”1″>	Contenuto della tabella
border=”2″: Bordo medio	<table border=”2″>	Contenuto della tabella
border=”3″: Bordo spesso	<table border=”3″>	Contenuto della tabella

---

Esempi

Attributo	Risultato	Codice html
border=”0″	1 Riga 1, Cell 1 Riga 1, Cell 2 2 Riga 2, Cell 1 Riga 2, Cell 2	<table class=”table” border=”0″> <tr> <td>1</td> <td>Riga 1, Cell 1</td> <td>Riga 1, Cell 2</td> </tr> <tr><td>2</td> <td>Riga 2, Cell 1</td> <td>Riga 2, Cell 2</td> </tr> </table>
border=”1″	1 Riga 1, Cell 1 Riga 1, Cell 2 2 Riga 2, Cell 1 Riga 2, Cell 2	<table class=”table” border=”1″> <tr> <td>1</td> <td>Riga 1, Cell 1</td> <td>Riga 1, Cell 2</td> </tr> <tr><td>2</td> <td>Riga 2, Cell 1</td> <td>Riga 2, Cell 2</td> </tr> </table>
border=”2″	1 Riga 1, Cell 1 Riga 1, Cell 2 2 Riga 2, Cell 1 Riga 2, Cell 2	<table class=”table” border=”2″> <tr> <td>1</td> <td>Riga 1, Cell 1</td> <td>Riga 1, Cell 2</td> </tr> <tr><td>2</td> <td>Riga 2, Cell 1</td> <td>Riga 2, Cell 2</td> </tr> </table>

Esercizio

Prova il codice sopra nell’editor html

Indice

• Introduzione all’Html
• Html: editor online gratuito
• Html: i titoli
• Html: tag per la formattazione del testo
• Html: le liste ordinate e non ordinate
• Html: le tabelle
• Html: il tag th per le intestazioni delle tabelle
• Html: gli attributi
• Html: attributo border per le tabelle

---

Tags: Html semplice Html online Html pdf da stampare Html elenco codici