- ベストアンサー
テーブルのｈｔｍｌで、文章のサイズと行間を指定したいのですが、
テーブルのｈｔｍｌで、文章のサイズと行間を指定したいのですが、 サイズの設定は、下記のようにできました。 <span style=font-size:14px> それで、これに、行間が狭いので、広くしたいのですが、 line-hight:130%といれても、広がりません。また、２つを同時にいれる書き方が わかりません。 CSSは、使わないで書きたいのですが、書き方を教えてください。 よろしくお願いします。
- その他（インターネット・Webサービス）
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
二つ同時に指定する方法は <span style="font-size:14px;line-hight:130%;"> こんな感じです。 質問の主旨とは関係ありませんが タグにstyleを指定するとソースが汚くなりやすいので できるだけ外部ファイルとして読み込むか、head内にまとめて書くほうがよいでしょう。
関連するQ&A
- CSS－フォントサイズと行間を設定するとフォント指定が無効になっちゃう－
CSSでフォントサイズとpxで指定し、行間をhigh-lineで指定すると行間は生きるんですが、フォント指定が無効になります。どのように設定したら、両者行きますか。IEでもFirefoxでもためしてみました。
- 締切済み
- その他([技術者向] コンピューター)
- 2beeブログで行間と文字の間隔を指定したい
みなさん、こんにちは。 私は2beeのブログを利用しているのですが、行間と文字の間隔をCSSで空けようとすると、改行がおかしくなってしまいます。ちなみに私のヘッダーに打ったタグは… <style type="text/css"> <!-- H1{font-size:10px; font-weight:lighter; line-height:18px; letter-spacing:4px;} H2{font-size:10px; font-weight:lighter; color:#555; line-height:18px; letter-spacing:4px;}--> </style> の２種類です。また、これを使わずに、ボディに <span style="font-size:10px; font-weight:lighter; line-height:18px; letter-spacing:4px;"><!--body--></span> と打っても、行間が揃わず、改行も上手くいきませんでした。 とても困っているので、いい方法がありましたら、ご回答おねがいします。
- 締切済み
- ブログ
- フォントサイズと行間
フォントサイズと行間についてご質問します。 フォントサイズ12px。文字上下に3pxのアキをとり行高18pxとする場合、 スタイルシートは下記ようになると思います。 font-size: 12px; line-height: 1.5 フォントサイズが13pxで文字の上下に4pxのアキをとり行高21pxとする場合、line-heightは21/13=1.61538462と計算されます。 font-size: 13px; line-height: 1.61538462 このように小数点以下が多い場合でもスタイルは正常に動作するのでしょうか(ちなみに13pxで行高19の場合1.46153846になります)。 普段、YUI 2: Fonts CSSを利用しております。デフォルト(100%)は13pxです。文字の上下に4pxのアキをいれ、行高を21pxに設定したいと思っております。その場合 font-size: 100% line-height: 1.61538462 というのは正常に動作するのでしょうか。
- ベストアンサー
- CSS
- HTMLファイルのフォント指定
こんにちは。HTMLファイルの編集についてです。 スタイルシートによるフォントの指定について、 お尋ねします。 ヘッダ部分に、 h1{color:blue;font-size:18pt} とか、 .type { font-family:"ＭＳ 明朝"; font-size:20px; color:blue; } と書きますと、 <h1> </h1>、<SPAN CLASS="type"> </SPAN> で、文字を挟んで、フォントの指定が可能ですが、 HTMLファイルすべてのフォントについて、フォントサイズを13pxにしたい場合は、 どうしたらいいのでしょう。 ヘッダに書き込むことで、どうにか出来ないでしょうか? それで、なおかつ、部分的に<SPAN CLASS="type"> </SPAN>を 使いたいというような場合は、どうしたらいいのでしょう。
- ベストアンサー
- その他（インターネット・Webサービス）
- スタイルシートで指定した大きさにならない・・・
スタイルシートにチャレンジしているのですが、 文字の大きさが指定したとおりになりません。 以下のようにした場合、 ＢＯＤＹの文字を１２ＰＸにしているのですが、 １４ＰＸの文字の方が大きく見えてしまいます。 ---------------------------------------------- <HTML> <HEAD> <TITLE>CCS勉強</TITLE> <STYLE type="text/css"> <!-- BODY{ font-size : 12pt; } .16 { font-size: 16px ; } /* 16 */ .14 { font-size: 14px ; } /* 14px */ .10 { font-size: 10px ; } /* 10px */ --> </STYLE> </HEAD> <BODY><SPAN class="16">16pxの文字</SPAN> <BR> <SPAN class="14">14pxの文字</SPAN><BR> <SPAN class="10">10pxの文字</SPAN> <P>ＢＯＤＹのもじ12px</P> </BODY> </HTML> ---------------------------------------------- 初心者なのでどこが間違っているのかよく分からず 困っていますので、ご存知の方がおられましたらよろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- CSS font-sizeのパーセンテージ指定「管理がややこしくないですか？」
色々実験しているのですが、、、 CSSでフォントサイズを「％」指定すると、サイズの基準になるのはひとつ前の親要素のフォントサイズになるみたいですね。 ＝＝＝＝＝＝＝＝＝＝＝＝ <div style="font-size:80%">あああ<span style="font-size:100%">いいいい</span>あああ</div> ＝＝＝＝＝＝＝＝＝＝＝＝ 上記の場合「いいい」のサイズは「あああ」に指定している「80％」を継承し、基準値となるので「いいい」と「あああ」のサイズは変わらない。 「いいい」をブラウザデフォルトの16px相当のサイズで表示しようとすると、「<span style="font-size:130%">いいいい</span>」にしなくてはいけないようです。（少なくとも自分が実験した限りでは・・・） 親要素どころか、先祖要素なんかも影響してくることを考えるとテキストサイズを「％」指定することはとてもややこしいことでは無いですか？どのように管理されていますか？ 最近は文字サイズはpx等の固定ではなく、相対指定するのが望ましいと言われているので「％」で指定していこうと思っているのですが。 基本的な質問ですみません。 ※質問しやすいように「style」直接記述をしていますが、普段はCSSファイルをhtmlに読み込みしています。
- ベストアンサー
- HTML
- ＜css＞テーブルの中と外で同じフォントサイズにならない
WinXPproSP2＋IE6です。 HTMLで作ったページにテーブルがあります。 外部cssでbodyとtableのフォントサイズを別々の設定で20pxにしました。 このcssを前述のHTMLにリンクさせ、IEで表示すると、テーブルの中の文字とテーブルの外の文字の大きさが違います。 どうすれば同じになるのでしょうか？ HTMLでのフォントサイズは行っておりません。 ＜cssの記述内容＞ body{ font-size:20px; } table{ font-size:20px; }
- ベストアンサー
- CSS
- HTML行間が空いてしまう
Wordpressの投稿欄を使用してHTMLを作成しています。 下記のように書いていますが、添付ファイルのように行間が2か所空いてしまいます。 --------- 2018.4.8テスト公開1 2018.4.8テスト公開2 <p style="background-color:#414141"><font color="white">テストです</font></p> <small>日時:2018/04/06</small> --------- 行間１：「2018.4.8テスト公開2」と「テストです」の間。 行間２：「テストです」と「<small>日時:2018/04/06</small>」の間 以上の2か所の行間を空けないようにしたいです。 ただ、フォントの色指定や大きさの指定はしたいです。 解決策を分かる方がいましたら教えて頂きたくなにとぞよろしくお願いいたします。
- ベストアンサー
- Excel（エクセル）
- インラインで設定したフォントサイズを相対的に
今既にあるPCサイトのスマホ用テンプレートを作っています。 例えば <span class="hage" style="font-size:20px">hoge</span><br /> <span class="hage" style="font-size:18px">hogege</span> こういうHTMLが既にあったとして スマホで見ると20pxや18pxがでかい！と思ったときに 相対的に全体のサイズを下げることは不可能でしょうか？ hogeはhogegeより大きくしたいのですが CSSで.hage{font-size:14px;}などとしてしまうと 当たり前ですが全部14pxになってしまいます。 PCで見たときは上記の通りで スマホで見たら <span class="hage" style="font-size:14px">hoge</span><br /> <span class="hage" style="font-size:12px">hogege</span> こう表示される、なんてことは出来るんでしょうか？ JSなどによる動的な操作は重くなりそうなのでそれ以外にありましたら お知恵をお貸し下さい。
- ベストアンサー
- CSS
