table要素にborder="1"として枠線をつけると立体的な枠が表示され、少し野暮ったく感じられます。
そこで今までは、次の方法で枠を平面的に見えるよう工夫してきました。
- tableにグレーの背景色を指定し、cellspacing="1"に。
- tdに白の背景色をいちいち指定する。
しかし、CSSを使えば、上記のような書き方をしなくても平面的な枠線が実現できます。
それは……
table { border-collapse: collapse }
collapseの読み方はコルア、コルエイ…？
読み方は、コラップス（もしくはコラプス）で、英単語の意味は 「つぶす、折りたたむ」です。
枠線と枠線の空白をつぶすという意味なのかもしれませんね。
CSSレベル2で定義されているスタイルなので、ブラウザによって実装状況がまちまちですが、HTMLのソースをシンプルにするためにはかなり使えるスタイルと言えます。
CSSレベル2の対応状況 [ http://www.jagat.or.jp/sgml/qa/web.htm ]
IE5やNN6の一般的なブラウザは対応しているようですが、残念ながらDreamweaverが対応していないようです。
なので、私の場合はしばらくは手書きです。
