* table 要素 cellspacing 属性 (HTML, XHTML 1)

[1] [[HTML]] の [CODE(HTMLe)[[[table]]]] 要素の
[DFN[[CODE(HTMLa)[cellspacing]] 属性]]は、
UA が表のこま間および最外こまの外に取るべき間隔を指定します。

仕様書: [[HTML 4]]
<IW:HTML4:"struct/tables.html#adef-cellspacing">

[[#comment]]


** スタイル・シート代替

[2] この属性は HTML 4 では'''非推奨'''とされていませんが、
[[スタイル・シート]]で指定するほうが望ましいでしょう。

[3] [[CSS]] では [SAMP(CSS)[[[border-spacing]]]]
などで代替できると思われます。

[[#comment]]


** 属性値

[4] この属性の値は [CODE(SGML)[%[[Length]]]]
です。 [[SGML]] 的には [CODE(SGML)[[[CDATA]]]] です。

[8]
百分率で指定すると何に対する割合になるのかは不明です。

[5]
この属性は省略可能です。

[10]
[[Netscape Navigator 1.1]] での[[既定値]]は 2
だったようです。

;; [CITE[Tables in Netscape 1.1]] ([CODE[2007-07-01 20:32:43 +09:00]] 版) <http://wp.netscape.com/assist/net_sites/tables.html>

([[名無しさん]])

[[#comment]]


** レンダリング

[7] 次の図の [SAMP[#]] の部分が [CODE(HTMLa)[cellspacing]]
です。

[PRE[
+-------------+
|#############|
|#;;;#;;;#;;;#|
|#;1;#;2;#;3;#|
|#;;;#;;;#;;;#|
|#############|
|#;;;#;;;#;;;#|
|#;4;#;5;#;6;#|
|#;;;#;;;#;;;#|
|#############|
+-------------+
]PRE]

:[SAMP[|]]:[CODE(HTMLa)[[[border]]]]
:[SAMP[#]]:[CODE(HTMLa)[cellspacing]]
:[SAMP[;]]:[CODE(HTMLa)[[[cellpadding]]]]

[[#comment]]


** 他との関係

[9] [[表]]や[[列]]が [CODE(HTMLa)[[[width]]]]
によって固定幅にされていても、 UA は必要であれば
[CODE(HTMLa)[cellspacing]] のために幅をひろげても構いません
(しひろげなくても構いません) [HTML 4]。

[[#comment]]


** 例

[6]
[PRE(HTML)[
<TABLE border cellspacing="20" cellpadding="20%">
<TR> <TD>Data1 <TD>Data2 <TD>Data3
</TABLE>
]PRE]

(HTML 4 仕様書より)

この例では、表の外枠とこまの間および各こまの間が20画素ずつ空けられます。

[[#comment]]


** 実装

[8] [CODE(HTMLe)[[[table]]]] にだけ [CODE(HTMLa)[[[bgcolor]]]]
を指定した場合、 [CODE(HTMLa)[cellpadding]] の部分には [[WinIE]] では色が塗られ、
[[NN]] では塗られなかったそうです。

出典:
''IEとNNでは、cellspacingにborder=0の表示が違うの?'' <http://tohoho.wakusei.ne.jp/lng/199909/99090123.htm>


[11]
歴史 → [CODE(HTMLa)@en[[[cellpadding]]]] 参照。
([[名無しさん]])


[[#comment]]


** メモ

[[#comment]]


* メモ