La largeur de ces attributs peut être mesurée en utilisant des pixels ou un pourcentage. Pour ajuster l'espace entre le texte et la paroi cellulaire entourée, les cellules et les cellules d'une balise de tableau, les attributs tels que cellpadding et cellpacing sont utilisés.
Tableau de comparaison
| Base de comparaison | Cellpadding | Espacement des cellules |
|---|---|---|
| De base | Contrôle l'espace blanc entre la bordure d'une cellule et son contenu. | Définit l'espace entre les cellules solitaires. |
| Destiné à | Unicellulaire | Plus d'une cellule |
| Format HTML |  |  |
Définition de Cellpadding
L'attribut qui définit l'espace dans une cellule entre le contenu et la limite du périphérique s'appelle cellpadding . En d'autres termes, la distance entre le contenu qu'une cellule entoure et la limite de cellule est gérée par l'attribut cellpadding. L'unité de cette distance peut être implicite en pixels ou en pourcentage en HTML. La valeur de l'attribut cellpadding peut également être 0, selon les besoins des utilisateurs. Il est utilisé pour séparer le texte les uns des autres, ce qui améliore l'apparence.
Les anciennes versions de HTML prennent en charge la commande cellpadding mais la version ultérieure HTML5 n'autorise pas l'utilisation de cellpadding, de sorte que le CSS de remplacement est utilisé pour fournir le même formatage si nécessaire.
Définition de Cellspacing
Cellspacing est différent de cellpadding. Il contrôle la distance entre les cellules individuelles dans un tableau. En utilisant cet attribut, les concepteurs pourraient facilement modifier l'espace entre les bords des différentes cellules adjacentes. Cela améliore la clarté de la table. L'augmentation de la quantité de cellules espacées augmente apparemment le bord de la cellule, ce qui sera montré dans l'exemple.
Cellspacing est principalement utilisé dans la conception Web. Différentes langues ont une syntaxe assez différente pour le espacement des cellules. En CSS, par exemple, elle est employée à l'aide de la propriété «border-spacing» alors que HTML utilise «espacement des cellules».
Différences clés entre Cellpadding et Cellspacing
- Cellpadding décrit les espaces dans une cellule le long du texte et du bord de la cellule. Par ailleurs, l'espacement des cellules désigne l'espace entre les différentes cellules. Les deux sont absolument différents.
- Le rembourrage de cellules implique l'espace dans une cellule, tandis que l'espacement de cellules implique la largeur entre les cellules (c'est-à-dire plus d'une cellule).
Exemple de Cellpadding
td {background: lavender;} table de pages Web Objet 1 | Point 2 | Point 3 |
SORTIE:
Exemple de Cellspacing
td {background: lavender;} table de pages Web Objet 1 | Point 2 | Point 3 |
SORTIE:
Conclusion
Cellpadding et cellpacing sont deux des attributs permettant de contrôler le style et la disposition des tableaux dans les pages Web. Cellpadding crée des espaces dans une cellule entre le texte et la bordure de cellule, tandis que cellpacing peut être utilisé pour gérer l'espace entre les cellules d'un tableau.
