[サポート掲示板トップへ]   新規投稿



■--CSSでルビの大きさを指定する
>>> 藍河 翼             .. 2005年07月25日 02:54   No.[1731001]

●実際に問題が発生しているURL:
http://web1.nazca.co.jp/hp/angriff/novel/CHAPTER1_2-2.html


よろしくお願いします。
下記のページ内で、ルビタグをちょっと変わった方法で使用しています。
そのため文字が潰れて見づらくなってしまいました。
諦めようかなど考えつつ、打開策を探していたところ、ルビの大きさをCSSで変えられる方法があるという事を知り、表記方法を探してみましたが見つかりませんでした。
ご存知の方がいらしたら、ご教授願えませんか?




>>> Koo          .. 2005年07月25日 12:53   No.[1731002]
↑上記のページ内にはルビタグが見当たらなかったので
どのように変わった使い方なのか分からないのですが…

ルビ文字にサイズ指定をかけたいのでしたら、
<ruby><rb>ルビが掛かるテキスト</rb><rp>(</rp><rt>ルビに相当するテキスト</rt><rp>)</rp></ruby>
の、<rt>タグをセレクタにしてフォントサイズ指定をすればできると思います。
例・
<ruby><rb>ルビが掛かるテキスト</rb><rp>(</rp><rt style="font-size:11px;">ルビに相当するテキスト</rt><rp>)</rp></ruby>
あるいは、ヘッダかcssファイルなら
rt {font-size:11px;}
など。

ただし、ルビタグはIEの独自タグなので、IE以外のブラウザやMacから見た時には、
想定通りの表示にならないことに注意したほうが良いですよ。


>>> 藍河 翼          .. 2005年07月26日 00:17   No.[1731003]
失礼しました、本当はこっちです↓
http://web1.nazca.co.jp/hp/angriff/novel/CHAPTER1_2-1.html

教えていただいたとおりに設定し、上手くいきました!
ご忠告も視野に入れつつ、展開して行こうと思います。
ありがとうございます!


▼返信フォーム▼

2011年3月より、セキュリティの堅牢な新掲示板に移行致しました。
こちらの掲示板は、過去ログ置き場としてお使い下さい。
→→ 新掲示板はこちらをクリックしてください ←←


PW:
※管理者PW、もしくはスレッド作成者のPWを入力することで、
このスレッドをロックすることができます。
No: PASS:
※Noは、日付の後ろについている「No.XXXX」の英数字になります。