Wgw
5 307
modifications
Modifications
m
L’attribut '''cellspacing''' la propriété de style CSS "border-spacing:" modifie l'espacement (en pixels uniquement) entre les cellules, ou entre une cellule et la bordure extérieure du tableau (la propriété de style CSS "border-spacing:" a le même effet mais permet de préciser l‘unité utilisée, et prévaut sur l’attribut) cellspacing="''n''".
L’attribut '''cellpadding''' la propriété de style CSS "padding:" modifie l'espacement (en pixels uniquement) entre la bordure extérieure d'une cellule et son contenu (cet espacement supplémentaire n’est pas compté dans la largeur ou la hauteur de la cellule indiquées par les attributs '''width''' ou '''height''' ou les propriétés de style CSS équivalentes, ni dans les marges du contenu). On ne peut pas le modifier autrement par une propriété de style applicable à tout le tableau, mais on peut le modifier cellule par cellule avec la propriété de style <code>CSS style="padding:''n''px;"</code>) : cellpadding="''n''"
→cellspacing, cellpadding et margin
=== cellspacing, cellpadding et margin ===
style="border-spacing: ''n''px;"
Il existe également la propriété de style CSS <code>style="margin:"</code> qui modifie l'espacement entre le bord du tableau et le bloc contenant le tableau (ce style n’a pas d’effet sur le contenu des cellules) :
style="margin: ''n''px;"
|-
|style="padding:0 36px"|
<div>'''cellspacing'''="''n''" <small>(ou style="'''border-spacing''': ''n''px;") du tableau</small><br /><small style="color:#AAAAAA">border="''n''" du tableau (ou style="border: ''n''px;" de la cellule)</small></div>
{|border="0" cellspacing="0" cellpadding="0" style="margin:0 auto;border:2px solid #AAAAAA;background:#FFFFFF;color:#000000"
|-
|style="padding:0 36px"|
<div>'''cellpadding'''="''n''" <small>du tableau (ou style="'''padding''': ''n''px;" de la cellule)</small></div>
<div style="border:1px dotted #999999"><small>Contenu de la cellule</small></div>
<div> </div>
<table border="1" cellspacing="5">
<tr>
<td>cellule 1</td> <td>cellule 2</td>
</tr>
<tr>
<td>cellule 3</td> <td>cellule 4</td>
</tr>
</table>
<table border="1" cellspacing="20">
<tr>
<td>cellule 1</td> <td>cellule 2</td>
</tr>
<tr>
<td>cellule 3</td> <td>cellule 4</td>
</tr>
</table>
<table border="1" cellpadding="5">
<tr>
<td>cellule 1</td> <td>cellule 2</td>
</tr>
<tr>
<td>cellule 3</td> <td>cellule 4</td>
</tr>
</table>
<table border="1" cellpadding="20">
<tr>
<td>cellule 1</td> <td>cellule 2</td>
</tr>
<tr>
<td>cellule 3</td> <td>cellule 4</td>
</tr>
</table>
<table border="1" align="left" style="margin:0px;">
<tr>
<td>cellule 1</td> <td>cellule 2</td>
</tr>
<tr>
<td>cellule 3</td> <td>cellule 4</td>
</tr>
</table>
<table border="1" align="left" style="margin-right:20px;">
<tr>
<td>cellule 1</td> <td>cellule 2</td>
</tr>
<tr>
<td>cellule 3</td> <td>cellule 4</td>
</tr>
</table>
</pre>
|}
=== width et height ===
'''width''' et '''height''' spécifient la largeur et la hauteur, aussi bien du tableau que des cellules. La taille peut se préciser en pixels ou en pourcentage. Dans les deux cas, cela représente une taille minimale.
