• ベストアンサー

テーブル内のフォントの指定は、BODYでは出来ないのでしょうか?

CSSでフォントを、「BODY font-family」「BODY font-size」「BODY line-height」で指定しているのですが、テーブル(表・セル)を組んでいくとその中のテキストには参照されません。クラスでいちいち指定しろといわれたのですが、<tr></tr>に一括で全部に指定することはできるのでしょうか?

  • HTML
  • 回答数3
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

詳しくは参考URLで。 とりあえず、まとめて指定する方法。 BODY,th,td{ font-family:~; font-size:~; line-height:~; } ただし、font-sizeやline-heightに相対値(xx%とか)を指定したい場合はちと、厄介。 なお、IEの場合IE6以降の標準モードで、 他のまっとうなブラウザは何もしなくてもこれらのプロパティはbodyにだけ指定しておけばtableの中にも継承されます。

参考URL:
http://members.at.infoseek.co.jp/cssbug/detail/winie/b023.html

その他の回答 (2)

  • 1200cc
  • ベストアンサー率25% (1/4)
回答No.3

度々すいません、No.2です。 ちょっと思うところを追記です。 body と table を同じ設定にしたい場合は、No.1さんのご回答と組み合わせて body,table{   font-family : フォント名;   font-size : フォントのでかさ;   line-height : 行の高さ; } とか指定することもできますね。 ご参考までに。

  • 1200cc
  • ベストアンサー率25% (1/4)
回答No.2

テーブル内に一括で指定したいのでしたら <tr> に一括指定するよりも、<table> に一括指定した方がわかりやすいかと思います。 table{   font-family : フォント名;   font-size : フォントのでかさ;   line-height : 行の高さ; } ↑これでどうでしょうか? 「table」の部分を「tr」に変更すれば <tr> 一括指定になる…と思います。(大してかわらないでしょうけれど)

関連するQ&A

  • BODYにCSSをかけた時、TABLEの中が適応されない。

    BODYにCSSをかけた時 COLORとかは、全体に反映されるのですが、 FONT-SIZEやLINE-HEIGHT等は、 BODY内にあるTABLE内には反映されませんでした。 そのため全体にBODYと同じスタイルをかけようと思うと TABLEにも同じCSSをかけなければなりません。 これは、そういうものなのでしょうか?

    • ベストアンサー
    • HTML
  • [html フォント複数指定]

    お伺いしたいのですが… HTML内でフォントを複数指定することはできますでしょうか? 下のもので、アルファベットと日本語の2つを指定したいのですが …それともいちいち<body>内で どちらかを指定しないといけないのでしょうか。 基本的な質問ですがよろしくお願いいたします。 <style type=text/css> <!-- body,td { font-size:文字サイズpt; color:#文字の色; font-family:'フォントの種類'; line-height:行間pt;} --></STYLE>

    • ベストアンサー
    • HTML
  • CSSでフォントの大きさを指定するとき

    CSSでフォントの大きさを相対指定したいのですが、Bodyでフォントサイズを80%にすると、テーブルの中はもとのままの100%の大きさです。そこで、Tableのフォントサイズも80%にすると、0.8*0.8したようにさらに小さくなってしまいます。 たとえば、下のようなページだと ----------------------------- <BODY> あいうえお<BR> <TABLE> <TR> <TD>アイウエオ<BR> <TABLE> <TR> <TD>aiueo<BR> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </BODY> ----------------------------- 「あいうえお」が80%の大きさで、「アイウエオ」はさらに小さく、「aiueo」はゴミのように小さくなってしまいます。 どのように指定すれば良いのでしょうか?よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • operaだとテーブルがなくなります

    operaだテーブルがなくなります IEだと問題なく表示されるのに だれか助けてください style.css    body{background-color:#ffff99;margin:0px; font-size:large; font-family:"HG正楷書体-PRO","HG行書体","HGP行書体",cursive} .cur{font-family:cursive} .ser{font-family:serif} } table{background-color:#ff9933;  width:100%; height:10%    }   .midori{background-color:#999933; width:100%; height:3.3%  }        htmlのほうは <HTML> <HEAD> <TITLE></TITLE> <link href="style.css" rel="stylesheet" type="text/css"> </HEAD> <BODY> <table><tr ><td></td></tr></table> <table class="midori"> <tr ><td></td></tr></table> <table style="height:6.7%"> <tr ><td></td></tr></table> <table style="position:absolute; left: 0px; bottom:8%; width:8%; height:100%; background-color:#993300"> <tr ><td></td></tr></table> <table style="position:absolute; bottom:0; height=8% " class="midori"> <tr ><td></td></tr></table> </BODY> </HTML> こんな感じなのですが どうしてでしょうか

    • ベストアンサー
    • HTML
  • テーブルの縦が縮まらない

    質問させて下さい。テーブルで表を作ったのですが、縦幅が 縮まらなく困っています。 具体的には、セル内の余白を5ピクセルにしているのですが テキストとセルの境界線の縦の距離が何倍も開いてしまいます。 ソース↓ (ボディ内はこれで全てです。テキストを変えただけです。  使用ソフトはドリームウィーバー8) --------------------------------------------------------- <table width="490" height="395" cellpadding="0" cellspacing="0" bgcolor="#666666"> <tr> <td width="490" height="393"> <table width="100%" height="100%" border="0" cellpadding="5" cellspacing="1"> <tr> <td width="121" height="35" align="center" valign="middle" bgcolor="#FFCCFF"><font color="#333333" size="2">ああああ</font></td> <td width="344" height="35" align="left" valign="middle" bgcolor="#FFFFFF"><font color="#333333" size="2">あああああああああ</font></td> </tr> <tr> <td height="22" align="center" valign="middle" bgcolor="#FFCCFF"><font color="#333333" size="2">ああああ</font></td> <td align="left" valign="middle" bgcolor="#FFFFFF"><font color="#333333" size="2">あああああああああ</font></td> </tr> </table> </td> </tr> </table> --------------------------------------------------------- 試したこと:各セルの縦幅を揃えて指定してみる。指定を全て       外してから、再度調節してみる。セル内のテキスト       表示位置を上位置に設定してみるなどです。。。 どこかすごい見落としをしているのでしょうか。よろしくお願い します。

    • ベストアンサー
    • HTML
  • tableがbodyにはみ出る。。

    文章での質問で恐縮ですが、 html例に記載のような形で、レイアウトを作っています。 ヘッダーとフッター、左右のBOXとベタな構成かと思ってますが、 右ボックス(div right-box)内のテーブルの行が増えた際(運用上、可変で増えます)に、 tableがdiv構成(wrap-1,wrap-2,right-box,footer)からはみ出して、bodyの領域に出てしまいます。 スタイルシートでは左右のボックスをfloat left、float rightしていて、 テーブルの行が可変なので、left-box以外にはheightは指定していないです。 ※left-boxのheight指定は100% heightを指定しなければ、基本的に行追加に合わせて、可変で動くような気がしているのですが、 どうもうまくいかないです。 left-boxにheightを指定しているのは、left-box内に定義している要素があり、 heightの指定がない場合に、その要素の高さになってしまうので、 right-boxと同じ高さになるように、100%を指定しています。 分かりにくい質問で申し訳ないですが、 right-boxのheightをtableの行追加に合わせて可変にする方法はないでしょうか? 本来、heightなしで可変になるのであれば、 可変にならない原因の推測をお願いします。 ---ここからhtml例--- <html> <head> </head> <body> <div id="wrap-1"> <div id="header">; </div> <div class="wrap-2"> <div id="left-box"> </div> <div id="right-box"> <table id="table"> <tr> <td><textarea></textarea></td> </tr> <tr> <td><textarea></textarea></td> </tr> <tr> <td><textarea></textarea></td> </tr> <tr> <td><textarea></textarea></td> </tr> <tr> <td><textarea></textarea></td> </tr> <tr> <td><textarea></textarea></td> </tr> </table> </div> </div> <div class="footer clear"> </body> </div> </div> </body> </html>

    • ベストアンサー
    • HTML
  • テーブルのフォントサイズ

    こんにちは。 テーブルタグ内でフォント指定のやり方を探しています。 現段階では <TABLE BORDER=1> <TR><TD><FONT SIZE=2>文章</FONT></TD></TR> </TABLE> のようにやっています。 テーブルで一括して指定できる方法を教えてください! お願いします

    • ベストアンサー
    • HTML
  • webデザイン font関連のcss

    web制作初心者です。初歩的な質問失礼いたします。 テキスト関連のcssについてわからないことがいくつか出てきたので質問させてください。 1. よくline-heightの指定で単位をつけていないのを見かけるのですが、単位をつけないで指定する理由をわかりやすく教えていただけないでしょうか? 2. body要素にfont-family / color / font-size / line-height などの全体へのテキスト関連のプロパティを指定しておいて、あとは必要になれば個別にスタイルを指定していく。 という認識でいるのですが、この考え方は間違っていますか? 3.  IEで文字サイズの変更が効かないことから、font-sizeには%指定を使おうと思っている   のですが、プロの現場では%指定は定番なのでしょうか?    また、pxやptではなく%指定する際の注意点があれば教えてください。 4. font-sizeへの%指定とpx指定が混在しているサイトをよく見るのですが、どういった理   由なのでしょうか? どなたかご教授いただけないでしょうか?どうかよろしくお願いいたします。   

    • ベストアンサー
    • CSS
  • フォントサイズ変更に合わせテーブルの高さを変えたい

    フォントサイズ変更に合わせテーブルの高さを変えたい フォントサイズ変更に合わせテーブルのセルの高さを変えたいのですが、 どうすればよいでしょうか? <現状> ・HTML <td class="fontsizechange"> ・CSS .fontsizechange { font-size: 500%; } ・この状態だと、テーブルセルから、フォントが飛び出してしまいます ・フォントサイズの大きさに合わせ、セル高さを連動させるにはどうすればよいでしょうか? ・もし難しい場合は、テーブルセルの高さを、(固定値ではなく)相対的に大きくするにはどうすればよいでしょうか? ・height:500%;? ・height:500em;? ・libe-height:1.4;?

    • ベストアンサー
    • CSS
  • テーブルの中のフォントサイズを一括指定したいのですが

    一つのページ内の、全てのテーブルの中のフォントサイズを一括指定したいのですが、CSSで出来るのでしょうか? どのようなタグを使えば出来ますか?