CellPadding（HTML属性）-CSSチュートリアル-php.cn

<!DOCTYPE html>
<html>
<head>
<title>HTML cellpadding Attribute</title>
</head>
<body>

<h1 id="HTML-cellpadding-Attribute">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 id="Example">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 id="Frequently-Asked-Questions">Frequently Asked Questions</h2>

<h3 id="What-is-the-HTML-cellpadding-Attribute">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 id="How-do-I-use-the-HTML-cellpadding-Attribute">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 id="Can-I-specify-different-cellpadding-for-different-cells">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 id="Is-the-HTML-cellpadding-Attribute-supported-in-HTML">Is the HTML `cellpadding` Attribute supported in HTML5?</h3>
<p>No.  Use CSS for padding control in HTML5.</p>

<h3 id="How-can-I-use-CSS-to-replace-the-HTML-cellpadding-Attribute">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 id="What-is-the-difference-between-cellpadding-and-cellspacing">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 id="Can-I-use-percentage-values-for-cellpadding">Can I use percentage values for `cellpadding`?</h3>
<p>No, only pixel values are accepted. Use CSS for percentage values.</p>

<h3 id="What-happens-if-I-don-t-specify-a-cellpadding">What happens if I don’t specify a `cellpadding`?</h3>
<p>The browser uses a default value, which may vary.</p>

<h3 id="Can-I-use-negative-values-for-cellpadding">Can I use negative values for `cellpadding`?</h3>
<p>No, only non-negative integers are allowed.</p>

<h3 id="Is-there-a-maximum-value-for-cellpadding">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>

ログイン後にコピー

以上がCellPadding（HTML属性）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。