HTML文章の文字サイズについて

Question

HTML文章の、一部文字サイズを縦長や横長にしたいです。

普通サイズの文字

縦2.5倍文字

縦4倍文字

のように、段落ごとに文字の縦サイズを変える方法は分かったのですが、段落の中の一部だけ、サイズを変える方法はないのでしょうか。また、上記方法で、x軸を1以外にすると、横のサイズではなく、文字の横位置が変化してしまうのは何が原因なのでしょうか。 CSSについての知識は皆無に等しく、外部ファイルを読み込む方法なども見付けましたが、よく理解できませんでした…。ド素人でお恥ずかしい限りですが、どうぞご教示ください。

ORUKA1951 · Accepted Answer

＞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の場合

、それ以前のHTMLでは

でマークアップしてきました。　『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するため( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』　その本文内で、重要な語句があれば・・

　・・・・・・・　

文書の構造をプレゼンテーションと切り離すことで広汎なプラットフォームや多様なメディアでの文書提供コストを低下でき、文書の改訂も容易になる。

　のようにマークアップされていて、「本文(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;} など他のスタイルも付け加えておいたら良いでしょう。

ONEONE · Answer

ブロック要素にしか使えないのかな。
display:inline;を追加すれば横並びにはできますよ。

ORUKA1951 · Answer

そもそも
＞文字サイズを縦長や横長にしたいです。
　はtrasformじゃありません。font-stretchですが、対応ブラウザはほとんどないのじゃないかと・・
　⇒font-stretch プロパティ - CSS リファレンス( http://www.marguerite.jp/Nihongo/WWW/RefCSS/font-stretch.html )

transfpremだと多分長い文章だとはみ出す。

HTML文章の文字サイズについて

＞transform や font-stretch以外にも、何かご提案いただけるものがあれば是非ご指導くたさい。

ブロック要素にしか使えないのかな。

そもそも

この回答への補足

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング