
Html: l’attributo border per le tabelle
Views
0
Html: gli attributi
Tags: Html semplice Html online Html pdf da stampare Html elenco codici
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″ |
|
<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