-
Relleno celular :
Cellpadding especifica el espacio entre el borde de una celda de tabla y su contenido (es decir) define el espacio en blanco entre el borde de la celda y el contenido de la celda.
Sintaxis:
<table cellpadding="value" >.....</table> where, value determines the padding (space between the border of a table and its content)
-
Espaciado de celdas:
Cellspacing especifica el espacio entre celdas (es decir) define el espacio en blanco entre los bordes de las celdas adyacentes.
Sintaxis:
<table cellspacing="value" >.....</table> where, value determines the padding (space between adjacent cells)
Ejemplo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>Document</title>
<style>
span{
text-decoration-style: solid;
width: 25px;
font-size: x-large;
color: blueviolet;
}
</style>
</head>
<body>
<table border="1"
cellpadding="4"
cellspacing="5">
<thead>
<td><span>Name</span></td>
<td><span>Age</span></td>
</thead>
<tbody>
<tr>
<td>Rani</td>
<td>30</td>
</tr>
<tr>
<td>Rajan</td>
<td>35</td>
</tr>
<tr>
<td>Akshaya</td>
<td>17</td>
</tr>
<tr>
<td>Ashick</td>
<td>13</td>
</tr>
</tbody>
</table>
</body>
</html>
Producción:
Diferencia entre relleno de celdas y espaciado de celdas:
|
relleno celular |
espacio entre celdas |
| Especifica el espacio entre el borde de una celda de tabla y su contenido. | Especifica el espacio entre celdas adyacentes. |
| Se crea utilizando la etiqueta HTML <table> pero el atributo de tipo se establece en cellpadding. | También se crea utilizando la etiqueta HTML <table> pero el atributo de tipo se establece en el espacio entre celdas. |
| Está destinado principalmente a una sola celda. | Cellspacing puede estar sujeto a más de una celda. |
| El valor de relleno de celda predeterminado es 1 | Considerando que, el valor predeterminado de espacio entre celdas es 2 |
| Cellpadding es ampliamente utilizado y considerado como un medio eficaz | Cellspacing es menos efectivo que Cellpadding. |
| Cellpadding es un atributo | Cellspacing también es un atributo. |