差分

テンプレート:RB (編集)

2022年1月25日 (火) 10:10時点における版

364 バイト追加、 2022年1月25日 (火) 10:10

編集の要約なし

7行目: 7行目:

記事のプレビュー・目次などルビが振れられない所には'''漢字（カタカナ）'''とルビは後付きの括弧の中に入れて表示されます。

−

IE8とその以前のIEによる閲覧の場合に'''漢字<rt style="font-size: 50%; margin-top: 50px; height: 0; vertical-align: super;">（カタカナ）</rt>'''とルビは上付き文字にして表示されます。

+

IE8とその以前のIEによる閲覧の場合に'''漢字<rt style="font-size: 50%; margin-top: 50px; height: 0; vertical-align: super;">（カタカナ）</rt>'''とルビは上付き文字にして表示されます。

==== ルビを隠す ====

17行目: 17行目:

==== 読み上げについて ====

閲覧環境にもよるが、「漢字とそのルビがその間に一拍が入るようにそれぞれ読み上げられる」と、「ルビのみが読み上げられる」という二種類のパターンが確認されています。こちらも同じく、ルビの表示形式にはかかわっていません。

+

==== Safariの「デスクトップ閲覧」について ====

+

iOS上のSafariの「デスクトップ閲覧」では、ルビが振れた文字はルビごと全体的に縮小しているように見える。本サイトだけではなく、どのサイトを閲覧してもこういう問題が起きる。これはSafariの「デスクトップ閲覧」だけに存在するバグだと見なされ、現時点では副作用のない解決策はまだ見つかっていない。

[[Category:記事テンプレート]]

−

</noinclude><includeonly><ruby style="text-indent: unset; font-size: unset~~; -webkit-text-size-adjust: 150%; -ms-text-size-adjust: 150%~~;">{{{1}}}{{#switch:{{{hidden}}}|1=<rt style="font-size: 0; margin-top: 50px; height: 0; vertical-align: super;">（{{{2}}}）</rt>|#default=<rt style="font-size: 50%; margin-top: 50px; height: 0; vertical-align: super;">（{{{2}}}）</rt>}}</ruby></includeonly>

+

</noinclude><includeonly><ruby style="text-indent: unset; font-size: unset;">{{{1}}}{{#switch:{{{hidden}}}|1=<rt style="font-size: 0; margin-top: 50px; height: 0; vertical-align: super;">（{{{2}}}）</rt>|#default=<rt style="font-size: 50%; margin-top: 50px; height: 0; vertical-align: super;">（{{{2}}}）</rt>}}</ruby></includeonly>

あれを使おう

649

回編集