- ベストアンサー
テーブルの一部の文字を小さくする方法
- テーブルの一つのtdタグだけ、文字を小さくしたい場合は、この方法でいいのでしょうか？
- HTMLのスタイルシートを使用して、テーブルの特定のtdタグ内の文字サイズを小さくする方法について教えてください。
- テーブル内の特定のセルの文字サイズを変更するには、HTMLのスタイルシートのセレクタを使用して、対象のセルに適用するスタイルを指定します。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
ご質問者様の方法だと、常にPタグのフォントサイズが小さくなってしまいます。 特定のtdタグだけ、フォントサイズを小さくしたい場合は、たとえば、以下のようなやり方が良いと思います。 <html> <head> <title></title> <STYLE type="text/css"> <!-- .small { font-size: 20%; } --> </STYLE> </head> <body> <table border=1 cellspacing=1 cellpadding=1> <tr><td>普通</td><td>普通</td></tr> <tr><td>普通</td><td class='small'>test</td></tr> </table> </body> </html> これを参考に、小さくしたいtdタグは、<td class='small'>とクラスを振ってください。
その他の回答 (2)
<table border=1 cellspacing=1 cellpadding=1> <tr><td>普通</td><td>普通</td></tr> <tr><td>普通</td><td><p>test</p></td></tr> </table> この様に、<td></td>の中に<p></p>は書かないでしょう？・・・ タグの意味が理解できていないのでは？・・・ ＜ｐ＞は、パラグラフ（段落ですよ） テーブルの中の、一部に適応させるのであれば、<td class="text_small">というような、 クラスを使わないと・・・ CSS: .text_small{font-size:0.8em;} など、の表記になるのでは？・・・ <table border=1 cellspacing=1 cellpadding=1> <tr><td>普通</td><td>普通</td></tr> <tr><td>普通</td><td class="text_small">test</td></tr> </table> セレクタの意味を、きちんと理解した上で、マーキングしないと、 ブラウザに、表示されている状態だけでは、文章構造的におかしくなりますよ！
お礼
ありがとうございました。
- int3
- ベストアンサー率34% (65/190)
それだとpがつねにそのフォントサイズになりますけど、いいんですかね。 普通にtdや子の要素なりにそういう意味のclassをふって小さくしたほうがいいと思いますよ。
お礼
ありがとうございました。
お礼
ありがとうございました。