HTMLTableElement: cellSpacing プロパティ

非推奨;: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

代わりに CSS の border-spacing プロパティを使うべきですが、旧式の HTMLTableElement インターフェイスの cellSpacing プロパティは、表のセルを表す個々の <th> および <td> 要素の周りの間隔を表わします。任意の 2 つのセルは、それぞれの cellSpacing の合計値で区切られます。

文字列で、ピクセル数(例えば "10")またはパーセント値("10%" など)です。

null 値に設定すると、null 値は空文字列 ("") に変換されるので、elt.cellSpacing = nullelt.cellSpacing = "" と等価です。

この例では、指定された表のセル間を 10 ピクセルに設定します。

js
const t = document.getElementById("TableA");
t.cellSpacing = "10";

仕様書

Specification
HTML
# dom-table-cellspacing

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
cellSpacing
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Deprecated. Not for use in new websites.