--- title: HTMLTableElement.cellPadding slug: Web/API/HTMLTableElement/cellPadding tags: - DOM - Gecko - Gecko DOM Reference translation_of: Web/API/HTMLTableElement/cellPadding --- <div> {{Apiref()}}</div> <h2 id="Summary" name="Summary">概要</h2> <p><b>cellPadding</b> は、テーブルの各セル全ての余白の設定 / 取得に用います。</p> <h2 id="Syntax" name="Syntax">構文</h2> <pre class="syntaxbox"><i>HTMLTableElement</i>.cellPadding = <var>padding</var>; <var>padding</var> =<i>HTMLTableElement</i>.cellPadding;</pre> <ul> <li>変数 <code>padding</code> は "10" の様な絶対値(ピクセル幅、単位無し)、或いは "100%" の様な相対値となります。</li> </ul> <h2 id="Example" name="Example">例</h2> <pre class="brush:js">// テーブルのセルの余白を 10px に設定する例 var t = document.getElementById("TableA"); // 対象とする table 要素への参照を代入 t.cellPadding = "10"; // 設定</pre> <h2 id="Specification" name="Specification">仕様書</h2> <ul> <li>W3C DOM 2 HTML 仕様書: <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-59162158"> <i> HTMLTableElement</i> .cellPadding</a>.</li> </ul>