- 締切済み
CSSのBOX内だけフォントサイズを変える方法
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- tracer
- ベストアンサー率41% (255/621)
まずは「CSS BOX」で検索してみてください。 期待する内容に近いものが得られなかったら、検索語句を見直す必要があることがわかります。 ここでの質問も同様です。 おそらく多くの人が「CSSのBOX」の意味を理解できないと思います。 WEBの基本は「まず検索」です。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
意味がわからないのですが？？ CSSのBOXとは何でしょう？？？ HTML上の特定の要素(要素はタグでマークアップされる)内のフォントサイズを変えるのは、font-sizeプロパティを使います。 <body> <div class="header"><!-- ヘッダ --> <h1>見出し</h1> </div> <div class="section"><!-- 本文 --> <h2>本文見出し</h2> <div class="section"> <h3>サブ項目の見出し</h3> <p>段落</p> </div> ・・・・というHTMLの場合、ここに登場する要素はブロック要素ですが ★7.5.3 ブロックレベル要素と行内要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.3 ) そのどれかの要素内のスタイルを変えたいときは、その要素をセレクタ(選択子)で指定します。 ヘッダー内のスタイルを変えたければ、 div.header{} ですし、本文サブ項目中のフォントなら div.section div.section{} ですね。たとえば、本文は、font-size:14px;と指定してある div.section{font-size:14px;} が、サブ項目では少し小さくしたいなら div.section div.section{font-size:0.9em;} というふうに。 このセレクタと言う機能は、スタイルシートで最も重要な仕組みです。 ★5. セレクタ ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/selector.html ) 「CSSのBOX内」という言葉がとても気になります。これは、多分HTMLに<div class="box">とか書かれていると想定されますが、HTMLやCSSの考え方からは、とんでもない間違いです。多分参考にされている参考書かサイトがよいものではないと思われます。
お礼
回答有難う御座いました！
- sabazushimmur
- ベストアンサー率33% (1/3)
質問の文章だと、どういうことをお聞きになりたいのかちょっとわかりにくいのですが。。。 例えば div.sample { width: 300px; background-color: #ffffff; border: 1px #666666 solid; font-size: 80%; } の、font-sizeで任意の数字を指定すればいいのです。 サイト全体で指定しているフォントサイズに対して何パーセント位の大きさか、という指定の仕方です。 ・・・ということをお聞きになりたいのでしょうか？ それとも、他のことでしょうか？ 念のため、わかりやすいサイトをはっておきますね。
- 参考URL：
- http://www.tagindex.com/
お礼
回答有難う御座いました！
関連するQ&A
- ウィンドウズでCSSでフォント固定したのですが、マックだとフォントサイズが崩れるのはなぜでしょうか。
タイトルのままなのですが、 ウィンドウズでcssを使ってフォントサイズを固定しました。 そしてそれをウィンドウズのintenet explorerで確認するとフォントサイズは完全に固定になりました。 ですが、マックのエクスプローラでフォントを拡大すると文字が拡大されてしまいます。 これはなぜなのでしょうか。 なんとかしてフォントサイズを拡大されるのをふせぎたいのですが。 宜しくお願いします。
- ベストアンサー
- HTML
- CSS font-size について
cssでfont-sizeを指定したのに反映されなくて困っています。（スクリーンショットをとって確認したところ） 12pxと13pxは11px 14pxと15pxは13px 16pxは15pxになってしまいます。 プログラムは次のように打ちました。お願いします。 <HTML> <HEAD> <TITLE>無題ドキュメント</TITLE> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <STYLE type="text/css"> <!-- h1 { font-size: 12px; font-weight: normal} h2 { font-size: 13px; font-weight: normal} h3 { font-size: 14px; font-weight: normal} h4 { font-size: 15px; font-weight: normal} h5 { font-size: 16px; font-weight: normal} --> </STYLE> </HEAD> <BODY bgcolor="#FFFFFF" text="#000000"> <h1>春夏秋冬 12px</h1> <h2>春夏秋冬 13px</h2> <h3>春夏秋冬 14px</h3> <h4>春夏秋冬 15px</h4> <h5>春夏秋冬 16px</h5> </BODY> </HTML>
- ベストアンサー
- HTML
- CSSの｛font-size:｝について
CSSで{font-size:○○pt;}ってタグがありますよね？ そのタグを使ってHPを作ろうと思ってるんですが、 調べてみたら{font-size:○○pt;}では見てる人のブラウザで サイズ変更ができないとのことです。 僕のHPは少し小さめのフォントを使おうと思っているので 見る人が字が小さくて読みずらい、大きさを変えよう。 と思っても変えられないってのは困りますよね？ フォントサイズを、中のときあたりに、12ptぐらいにして(標準を決める。みたいな？) ブラウザでフォントサイズを変えると、少し大きくなったり小さくなったりする。。。 ってかんじにしたいんです。 ワケワカメな質問ですみませんｗ よろしくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
- 【CSS/HTML】： フォントサイズについて
CSS/HTMLについての質問があります。 まずHTMLですが、 <font size="6">テキスト</font> と記述するときの、「6」の単位を教えてください。また、ピクセル・ポイントとの関係が知りたいです。 次にCSSについて。 <font size="6">テキスト</font> と記述すると、テキストの色が "#FF0000" になるようにしたいと思います。この場合、どのようにCSSを作成すれば良いのでしょうか。 単発質問だと思いますので…説明しているサイトを紹介していただけると有り難いです..。 以上、お手数をおかけするとは思いますが、どうかよろしくお願い致します。
- ベストアンサー
- HTML
- cssで指定するfontサイズについて教えてくだい
初歩的な質問で恐縮です。 cssの記述について質問いたします。 下記のようにcssを記述しているのですが、 一部だけ「font-size: small」を解除する方法はあるのでしょうか？ （要は、一部分をfont-size: X-smallにしたいのです。） * { font-size: small; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color: #454545; letter-spacing: 0.05em; line-height: 180%; } a:link { color: #7B0215; text-decoration: none; } よろしくお願いいたします。
- ベストアンサー
- CSS
- cssのfont-sizeがFirefoxで効かない
.css 記載したfont-sizeがFirefoxで表示すると、反映されません。IEでは、反映されます。 記載ミス？でしょうか。 colorは反映されます。 どうぞ、よろしくお願いいたします。 CSS部分 td{ color:#663300; font-size: 10pt; } html部分 <td>ああああ<td>
- ベストアンサー
- HTML
- 【CSS】_font-size: 84%;ってどういう意味の記述？
CSSの勉強のために、 http://cdn.oshiete.goo.ne.jp/css/oshiete-base.css をながめていたのですが、 font-size: 12px; line-height: 1.4em; /*\*/ _font-size: 84%; /**/ という記述がありました。 この、最後の３行はなんのための記述なのしょうか？ よろしくお願いいたします。
- ベストアンサー
- HTML
- フォントサイズの設定変更 ＣＳＳ
ホームページテンプレート・ＣＳＳを個人サイトよりお借りして 作成しております。 ＣＳＳで、 * { margin : 0; padding : 0; color : #000; font : normal 10px Verdana; line-height : 200%; letter-spacing : 0.2em; } このような記述があり、ページ全体がここで設定されているフォントサイズ になっています。 ただしある一部分だけ個別にフォントサイズを変更したいのですが、 ＨＴＭＬ側に記載してもこのＣＳＳのほうが優先されてしまい 反映しません。 設定する方法は無いのでしょうか？ご回答お願いいたします。
- ベストアンサー
- HTML
- チェックボックスの箱のサイズとフォントサイズは変更できるの？
こんにちわ。 エクセル２０００でチェックボックスを作成したのですが、 やや、小さいのでサイズを大きくしたいのです。 ボックスサイズ、ボックスの横に入れる文字の フォントサイズは大きくできるのでしょうか？ もし、できるのなら方法を教えてください。 よろしくおねがいします。
- ベストアンサー
- オフィス系ソフト
- html/CSSでBOX内にBOXを作り、その両方に異なる<h2>タグ
html/CSSでBOX内にBOXを作り、その両方に異なる<h2>タグを設定したい。 具体的には、 -------------------------------------------- #box1{・・・・・・} #box1 h2{ font-size:14px; border: solid red 1px; width: 800px; } #box2{・・・・・・} #box2 h2{ font-size:10px; border: solid blue 1px; width: 400px; } -------------------------------------------- というCSSがあり、html上ではbox1の中にbox2が入っています。 -------------------------------------------- <div class="box1"> <h2>あああああ</h2> <div class="box2"> <h2>いいいいい</h2> </div> </div> -------------------------------------------- このとき、CSSの「box1のh2タグの設定」がbox2内のh2タグにおいても反映されてしまいます。 box2内では「box2のh2タグの設定」を反映させたいのですが、どうすればできるのか 教えていただけますでしょうか。 よろしくお願いします。
- ベストアンサー
- HTML
お礼
回答有難う御座いました！