- ベストアンサー
<table>～</table>内のテキストのサイズ
以下のようなソースで，TEXTの部分のサイズを変更したいと思い，<table>～</table>を含む範囲をを<div class="test">～</div>で挟んで，スタイルシートで指定してみました． そしたら，<div class="test">～</div>の中でも<table>～</table>の外にあるテキストはサイズが変わるのですが，下のソースのTEXT部分は変わりませんでした． 表中のテキストのサイズを一括して指定する方法はあるのでしょうか？ <table align="center"> <tr bgcolor="#aaffaa"> <td>TEXT</td><td>TEXT</td><td>TEXT</td> </tr> <tr bgcolor="#aaaaff"> <td>TEXT</td><td>TEXT</td><td>TEXT</td> </tr> </table>
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
いろいろやり方がありますが、 １.全てのテーブルで文字サイズを指定するときは <STYLE type="text/css"> <!-- TABLE{font-size : 24px;} --> </STYLE> を<HEAD>と</HEAD>の間に入れます。 ２.テーブルごとに文字サイズを指定するときは <CENTER> <TABLE style="font-size : 24px;text-align : center;"> <tr bgcolor="#aaffaa"> <td>TEXT</td><td>TEXT</td><td>TEXT</td> </tr> <tr bgcolor="#aaaaff"> <td>TEXT</td><td>TEXT</td><td>TEXT</td> </tr> </TABLE> </CENTER> ３.クラスを使って文字サイズを指定するときは <STYLE type="text/css"> <!-- .text{font-size : 24px;} --> </STYLE> </HEAD> <BODY> <CENTER> <TABLE class="text"> <tr bgcolor="#aaffaa"> <td>TEXT</td> <td>TEXT</td> <td>TEXT</td> </tr> <tr bgcolor="#aaaaff"> <td>TEXT</td> <td>TEXT</td> <td>TEXT</td> </tr> </TABLE> </CENTER> いろいろお試しいただければと思います。
その他の回答 (1)
- novaakira
- ベストアンサー率36% (60/164)
スタイルシートでよいのなら・・・ ページ全体を同じフォントサイズに body,tr,td,th { font-size: **pt;} としてみればどうでしょう？
お礼
ありがとうございました．無事にサイズを設定できました． td { font-size:**pt } というのもやってみたのですが，なぜかうまくいかなかったので，どうしたものかと思っていました．
お礼
丁寧にありがとうございます．たいへん参考になりました．