- ベストアンサー
HTML文章の文字サイズについて
- HTML文章の一部の文字サイズを縦長や横長に変えたい方法を教えてください
- HTMLの段落ごとに文字の縦サイズを変える方法は分かりますが、段落の中の一部だけ、サイズを変える方法はありますか？
- CSSに関する知識がなく、外部ファイルの読み込み方法も理解できません。お手数ですが、教えていただけませんか？
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
＞transform や font-stretch以外にも、何かご提案いただけるものがあれば是非ご指導くたさい。 ないです。これは議論が続いていて、ひょっとするとひょっとしてCSS3 font に入るかも・・(他の段落との競合やブラウザ(OS)のフォント処理などの問題があって現状では難しい) 一連の質問で、気になるのは「構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )」という基本部分。HTMLは文書構造を示すもの、プレゼンテーションはスタイルシートに任せる。その効果はリンク先に簡潔に書かれいている。 すなわち「段落の中の一部だけ、サイズを変える方法はないのでしょうか。」の部分、例えば、本文はHTML5の場合<section>、それ以前のHTMLでは<div class="section">でマークアップしてきました。 『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するため( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』 その本文内で、重要な語句があれば・・ <section> ・・・・・・・ <p><strong>文書の構造をプレゼンテーションと切り離すことで</strong>広汎なプラットフォームや多様なメディアでの文書提供コストを低下でき、文書の改訂も容易になる。</p> のようにマークアップされていて、「本文(section)内の段落(paragraph)中の重要(strong)な語句は、普通の太さで赤文字で背景は黄色」としたければ section p strong{color:red;font-weight:normal;background-color:yellow;} とスタイルシートを書きます。伸縮したければ、本来の用途ではないが・・ section p strong{display:inline-block;font-weight:normal;transform:scaleY(1.6);} で可能でしょう。 ただ、transformはすべてのブラウザに対応していないので、 section p strong{display:inline-block;font-weight:normal;transform:scaleY(1.6);background-color:yellow;} など他のスタイルも付け加えておいたら良いでしょう。
その他の回答 (2)
- ONEONE
- ベストアンサー率48% (279/575)
ブロック要素にしか使えないのかな。 display:inline;を追加すれば横並びにはできますよ。
お礼
例として挙げたものに display:inline;を追加したところ、横並びにできました！ ありがとうございました！
- ORUKA1951
- ベストアンサー率45% (5062/11036)
そもそも ＞文字サイズを縦長や横長にしたいです。 はtrasformじゃありません。font-stretchですが、対応ブラウザはほとんどないのじゃないかと・・ ⇒font-stretch プロパティ - CSS リファレンス( http://www.marguerite.jp/Nihongo/WWW/RefCSS/font-stretch.html ) transfpremだと多分長い文章だとはみ出す。
補足
以下記事と、他にも似た解説サイトを見付けたため、 文字を縦長にできるものだと思っていたのですが… CSS3のtransformで、文字を長体や平体で表示する方法 http://touch.allabout.co.jp/gm/gc/406308/ transform や font-stretch以外にも、何かご提案いただけるものがあれば是非ご指導くたさい。
お礼
具体的な書き方だけでなく、参考ページまでご教示いただき、大変参考になります。 現在は伺った例に習い、色々手を加えている段階ですが、お陰さまで希望に近いページの作成ができそうです。 度々のご回答をいただきまして、ありがとうございました。