<!DOCTYPE html>
<html>
<head>
<title>HTML cellpadding Attribute</title>
</head>
<body>
<h1>HTML `cellpadding` Attribute</h1>
<p>Use the <code>cellpadding</code> attribute to add space between the cell content and its borders within an HTML table (<code>th</code> and <code>td</code> elements). This effect is most noticeable when a table border is also defined, as shown below.</p>
<p><code>cellpadding</code> is similar to <code>cellspacing</code>, which controls the space *between* cells.</p>
<img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174061597142937.jpg" class="lazy" alt="cellpadding (HTML attribute) " />
<figcaption>Two tables demonstrating cellpadding values of five and ten pixels, respectively.</figcaption>
<h2>Example</h2>
<p>This table uses a <code>cellpadding</code> of "5" pixels:</p>
<code>
<table border="1" cellpadding="5">
<tr>
<th>Account Type</th>
<th>Interest Rate</th>
</tr>
<tr>
<td>Smart</td>
<td>From 2%</td>
</tr>
<tr>
<td>Young Saver</td>
<td>From 1.6%</td>
</tr>
</table>
</code>
<h2>Frequently Asked Questions</h2>
<h3>What is the HTML `cellpadding` Attribute?</h3>
<p>The <code>cellpadding</code> attribute controls the padding (space) inside a table cell. It improves table readability and appearance. It's applied to the <code><table></code> tag and uses pixel values.</p>
<h3>How do I use the HTML `cellpadding` Attribute?</h3>
<p>Include it within the <code><table></code> tag. For example: <code><table cellpadding="10"></code>. "10" specifies 10 pixels of padding inside each cell.</p>
<h3>Can I specify different `cellpadding` for different cells?</h3>
<p>No. <code>cellpadding</code> applies uniformly to all cells. For individual cell padding, use CSS properties like <code>padding-left</code>, <code>padding-right</code>, <code>padding-top</code>, and <code>padding-bottom</code> on the <code><td></code> or <code><th></code> elements.</p>
<h3>Is the HTML `cellpadding` Attribute supported in HTML5?</h3>
<p>No. Use CSS for padding control in HTML5.</p>
<h3>How can I use CSS to replace the HTML `cellpadding` Attribute?</h3>
<p>Use the CSS <code>padding</code> property. For example: <code>td { padding: 10px; }</code> applies 10-pixel padding to all table cells.</p>
<h3>What is the difference between `cellpadding` and `cellspacing`?</h3>
<p><code>cellpadding</code> is the space between a cell's border and its content; <code>cellspacing</code> is the space between cells. Both are best controlled with CSS in HTML5.</p>
<h3>Can I use percentage values for `cellpadding`?</h3>
<p>No, only pixel values are accepted. Use CSS for percentage values.</p>
<h3>What happens if I don’t specify a `cellpadding`?</h3>
<p>The browser uses a default value, which may vary.</p>
<h3>Can I use negative values for `cellpadding`?</h3>
<p>No, only non-negative integers are allowed.</p>
<h3>Is there a maximum value for `cellpadding`?</h3>
<p>There's no defined maximum, but excessively large values can distort the table's appearance.</p>
</body>
</html>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Le dernier classement des dix principales bourses du cercle des devises
Que faire si l'utilisation du processeur est trop élevée
Quelle devise est l'USDT ?
Comment configurer l'hibernation dans le système Win7
Que sont les instructions de contrôle de flux Java ?
Méthode d'implémentation de la fonction de lecture en ligne Python
utilisation de la fonction de palette de couleurs Matlab
Connecté mais impossible d'accéder à Internet
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
