スタイルシートで表を作成

質問

スタイルシートで、表を作りたいと思います。<TD>ごとにではなく、<TABLE>内に指定して、PADDINGやフォントサイズをいっぺんに反映させたいです。
指定したいのは、FONT、PADDING、SPACINGです。表自体はTABLEタグで作ります。よろしくお願いいたします。

回答No.3

steel_gray · ベストアンサー

idやclassを使います。

スタイルにidを付ける
<style type="text/css">
<!--
table#xxx { /*id=xxxのtable*/
font:サイズとか色々
}
table#xxx td{ /*id=xxxのtable 配下のtd*/
padding:??px;
}
-->
</style>

テーブルにidを付ける。
<table id="xxx">

なお、idは一つのhtml内で重複してはいけません。
対象のテーブルが複数ある場合はclassを使います。

<style type="text/css">
<!--
table.xxx { /*class=xxxのtable*/
font:サイズとか色々
}
table.xxx td{ /*class=xxxのtable 配下のtd*/
padding:??px;
}
-->
</style>

テーブルにclassを付ける。
<table class="xxx">
～
<table class="xxx">
～

回答No.2

steel_gray

paddingはtableに指定しても、テーブルの外枠と中身の余白の指定にしかならない（IEでは無視）ので、セルに対して指定する必要があります。
#フォントの指定は下位に引き継がれるのでtableで大丈夫です。

↓</head>の前に
<style type="text/css">
<!--
table {
font:サイズとか色々→参考URL#1;
}
td{
padding:??px;
}
-->
</style>

余談：cellspacingもCSSにはあるのですがIEが対応していません。→参考URL#2

参考URL：

http://www.htmq.com/style/font.shtml,http://www.htmq.com/style/border-spacing.shtml

お礼

ありがとうございます！
これですと、他の部分のtableなどにも反映してしまうのです。その表部分だけの対応にしたいのですが・・・
tableと言う部分を別の語彙に変えてみたんですけど、どうしてするのか不明です<id>でしょうか。

回答No.1

z_liang_00

こういうことでしょうか？

<table style="font-size:10pt; padding:1 1 1 1; border-width:1 1 1 1;">
<tr><td>表のセル</td></td>
</table>

スタイルシートにはspacingというのはないと思います。
セルの線の幅は border で指定します。

お礼

ありがとうございます！
すいません説明が足りなくて、申し訳ないです。
style="font-size:10pt; padding:1 1 1 1; border-width:1 1 1 1;
の場合は、外部cssでは、#で定義するのでしょうか。