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.
| 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" |
|
<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" |
|
<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" |
|
<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