行間幅、文字幅を設定するスタイルシートについて

2023/10/12 15:31

このQ&Aのポイント

行間幅、文字幅を設定するスタイルシートには注意が必要です。
ＢＢＳや日記スキンの投稿部分で行間が反映されない場合があります。
適切な行間と文字幅を設定する方法を知りたいです。

ベストアンサー

行間幅、文字幅を設定するスタイルシートについて

2002/06/23 12:52

行間幅、文字幅を設定するスタイルシートは <STYLE type="text/css">  </STYLE> こんな風にするのは、わかるのですが、ＢＢＳのスキンや日記スキンのbody,tr,td部分で使う時、ＢＢＳの書きこみフォームで一行行間を空けて書きこむと、投稿部分(上のスタイルシートが設定されている) に反映された時に、行間があいてないようになってしまいます。２行空けで書きこむと、１行空けで投稿部分に反映されます。日記スキンでも同様です。行間幅、文字幅を設定するスタイルシートを設定してる場合、１行空けで記入して、ちゃんと１行空けで反映させるようにするにはどうしたらいいのですか？

mariko66
お礼率46% (19/41)

HTML
回答数1
ありがとう数0

みんなの回答 （1）
専門家の回答

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

ベストアンサー

osamuy
ベストアンサー率42% (1231/2878)

2002/06/24 00:10 回答No.1

属性line-heightは、フォントのベースラインを基点に、行と次の行（のベースライン）の間隔を指定するものです。印刷用語でいうところの、「行送り」に該当するとか。って事で、行間1行空けのために、「2」と指定するのは、間違ってないのでは。 # 外しているかな?

関連するQ&A

スタイルシート　文字の設定
<table>を使うと、設定した文字の色や大きさなどが、反映されませんよね（IE）。そこで、スタイルシートを使えば、テーブル内の文字の設定も出来ると分かりました。参考にした例では、 <table> 　<tr> 　　<td><p>あ</p></td> 　</tr> </table> という感じで、<p>を使っていました。まねして<p>で囲んでみたら、文字色が反映されました。そこで質問なのですが、表の１段ごとに文字の色を変えたい場合は、どうしたら良いのでしょうか？ <p1>を作って<p1>で囲んでみたら反映されませんでした。。 <div>というので囲んでみたら、反映はされたけど、改行してしまいました。
- ベストアンサー
- HTML
スタイルシートの行間設定＋画像
スタイルシートを使って行間を空けているのですが、あいうえおかきくけこさしすせそこのような文章にあいうえお(画像) かきくけこさしすせそとしたら「あいうえお」と「かきくけこ」の幅と「かきくけこ」と「さしすせそ」の幅が違いました。行は全てDIVで囲ってあります。これを直すにはどのようにすればよいのでしょうか。なお画像の大きさ(縦)は文字と同じぐらいなのですが・・・
- 締切済み
- Windows XP
外部スタイルシートがテーブル内に効かない
外部スタイルシートの設定が、テーブル内には効きません。特に、フォントや行間を効かせたいのですが、どうしたらいいのでしょうか。以下、大雑把ですが。 #main { float: none; margin-left: 132px; line-height: 1,5em; margin-top : 50px; } #main td, th { line-height: 1,5em; } と外部スタイルシートで指定していて、 <DIV id="main"> <TABLE cellpadding="10" background="image/003-002.gif" style="filter:Alpha(opacity=75);"> <TBODY> <TR> <TD> <H3>内容</H3> </TD> </TR> </TBODY> </TABLE> というようなテーブルを書きました。テーブルがなければ、スタイルシートは効きます。初歩的な質問だとは思うのですが、テーブル内に行間などを設定する方法をお願いいたします。
- ベストアンサー
- HTML
スタイルシート
 <body> <table> <tr> <td><a href=""><span id="k-11" style="width:192; height:33;"></span></a></td> <td><a href=""><span id="k-12" style="width:192; height:33;"></span></a></td> </tr> <tr> <td><a href=""><span id="k-21" style="width:192; height:33;"></span></a></td> <td><a href=""><span id="k-22" style="width:192; height:33;"></span></a></td> </tr> </table> </body> 外部スタイルシートで、同じ大きさ（width:192; height:33;　gif画像の大きさ）のgif画像を、縦２×横２のテーブルを表示して、その個々の画像にリンクを貼りたいと思っています。一応これできますが、もう少しbody内のテーブルを簡略したいと思いますが、なかなかうまいきません。１．大きさの部分（width:192; height:33;）をスタイルに入れると、何故か画像が表示されなくなります。２．リンクの部分もスタイルに入れたいのですが、どのようにすればよいかわかりません。どうぞご指導よろしくお願いします。
- 締切済み
- その他（プログラミング・開発）
スタイルシートについて
<HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD><IMG src="i1.gif" width="64" height="64" border="0"></TD> <TD><IMG src="i2.gif" width="64" height="64" border="0"></TD> </TR> <TR> <TD><IMG src="m1.gif" width="32" height="32" border="0"></TD> <TD><IMG src="m2.gif" width="32" height="32" border="0"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> こういったTableを使った表がある場合、スタイルシートで示すことは出来ますか？もし出来るならそのソースを教えてください。また、こういったTableのホームページを一括でスタイルシートに変換できるソフトが存在していたら教えてください。それと、この行数がかなり大きくなると、Tableよりも軽く表示がされると聞いたのですが本当でしょうか？ご返答、何卒、よろしくお願い致します。
- ベストアンサー
- HTML
スタイルシートがMACで有効にならない
宜しくお願い致します。スタイルシートを外部ファイルとしてHTMLを作製しております。フォントの指定も全てスタイルシートで行っておりますが、WINDOWSだと全く問題ないのですが、MACだとそのスタイルシートの設定が反映されたりされなかったりしているのです。具体的には・・・ HTMLの内容 <html> <head> <link rel="stylesheet" href="font.css" type="text/css"> </head> <body> <center> <table> <tr> <td align="center" valign="middle"> <span id="maintitlefont"> 通常のタイトル </span> </td></tr> <tr> <td align="center" valign="middle"> <span id="error"> エラーメッセージ </span> </td></tr> <tr> <td align="center" valign="middle"> 本文 </td></tr> </center></body></html> スタイルシートの内容 /*基本の文字設定<td内全てに適応>*/ td { color:#00ff00; font-size:11pt } /*メインタイトル部の文字設定<id指定>*/ #maintitlefont { color:#0000ff; font-size:15pt; font-weight:bold; } /*エラー表示文字<id指定>*/ #error { color:#ff0000; font-size:11pt; font-weight:bold; } これをMACで見ると、errorの指定をしている場所も本文の指定になってしまいます。しかし、同じid指定なのに、maintitlefontの指定はイキになります。原因がさっぱりわかりません。id名を変えてもダメでした。WINDOWSでは問題なく見れました。ちなみにMACのOSは9.2.2で、IEのバージョンは5.1.7です。
- ベストアンサー
- HTML
ホームページの行間設定について
ホームページの行間設定について質問です。ページ全体の行間指定は<style type="text/css">  </style> にしています。その中で一部行間を変えたいのですが<p style="line-height: 150%;"> </p> と入れて見ても変わりません。入れる場所が違うのか何が間違っているのかわかりません。どなたか教えてください。
- 締切済み
- その他（インターネット・Webサービス）
テーブルの中の文字もスタイルシートで設定するには
<html> <head> <title>test</title> <STYLE TYPE="text/css">  </STYLE> </head> <body> <h1> あああ <br> <table border=1> <tr><td>1</td><td>2</td></tr> <tr><td>3</td><td>4</td></tr> </table> </h1> </body> </html> これだとブラウザで見た時にテーブルの外の文字しか適用されていませんがテーブルの中まで範囲は及ばないのでしょうか？テーブルの中はテーブルの中専用のタグを作らないとダメでしょうか？テーブルの外の文字と全く同じにしたいので一気に指定したいです。
- ベストアンサー
- HTML
cssで列の幅を調整するには？
たとえば、 <style type="text/css"> table { width: 100%; } </style> </head> <body> <table border=1 cellspacing=1 cellpadding=1> <tr><td>a</td><td>b</td><td>c</td></tr> <tr><td>1</td><td>2</td><td>3</td></tr> </table> このようなcssとコードがある場合、 3列目のｃと３の列の幅を10％にしたい場合、どのようなコードを書けばいいですか？ td { width: 10%; } こうすると、すべての列が１０％になってしまいます。指定した列のみのcssで幅を調整する方法を教えてください。できれば直接テーブルのタグをいじるのではなく、スタイルシートの宣言部分で対応したいです。
- ベストアンサー
- HTML
HP作成で枠内の行間が変更できない
ページ全体の行間を変えようと思い <style type="text/css"> body { line-height: 1.5; } </style> と入れたのですが、枠内の行間だけは変わっていませんでした。 <table style="line-height: 1.5;"> <tr><td>☆☆☆☆</td></tr> </table> と入れたら枠内の行間も変えられたのですが、枠が多数あるので効率が悪いです。一気に枠内の行間も変えられる方法はないでしょうか？
- ベストアンサー
- その他（インターネット・Webサービス）