差分

282 バイト除去 、 2022年1月23日 (日) 22:29
編集の要約なし
7行目: 7行目:  
記事のプレビュー・目次などルビが振れられない所には'''漢字(カタカナ)'''とルビは後付きの括弧の中に入れて表示されます。
 
記事のプレビュー・目次などルビが振れられない所には'''漢字(カタカナ)'''とルビは後付きの括弧の中に入れて表示されます。
   −
IE8とその以前のIEによる閲覧の場合に'''<span style="text-indent: 0px;">漢字<rt style="font-size: 50%; text-align: start; text-indent: 0px; line-height: normal; -webkit-text-emphasis: none; vertical-align: super;"><small><span style="font-size: 0;">(</span>カタカナ<span style="font-size: 0;">)</span></small></rt></span>'''とルビは上付き文字にして表示されます。
+
IE8とその以前のIEによる閲覧の場合に'''<span style="text-indent: 0px; font-size: 100%;">漢字<rt style="font-size: 50%; text-align: start; text-indent: 0px; line-height: normal; -webkit-text-emphasis: none; vertical-align: super;"><small><span style="font-size: 0;">(</span>カタカナ<span style="font-size: 0;">)</span></small></rt></span>'''とルビは上付き文字にして表示されます。
    
==== ルビを隠す ====
 
==== ルビを隠す ====
17行目: 17行目:  
==== 読み上げについて ====
 
==== 読み上げについて ====
 
閲覧環境にもよるが、「漢字とそのルビがその間に一拍が入るようにそれぞれ読み上げられる」と、「ルビのみが読み上げられる」という二種類のパターンが確認されています。こちらも同じく、ルビの表示形式にはかかわっていません。
 
閲覧環境にもよるが、「漢字とそのルビがその間に一拍が入るようにそれぞれ読み上げられる」と、「ルビのみが読み上げられる」という二種類のパターンが確認されています。こちらも同じく、ルビの表示形式にはかかわっていません。
  −
==== Safariの一部のバージョンにて漢字とルビのフォントサイズが逆になった問題について ====
  −
css属性の<code>-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;</code>はこれを解決できるみたいです。
      
[[Category:記事テンプレート]]
 
[[Category:記事テンプレート]]
</noinclude><includeonly><ruby style="text-indent: 0px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;">{{{1}}}{{#switch:{{{hidden}}}|1=<rt style="font-size: 0;">({{{2}}})</rt>|#default=<rt style="font-size: 50%; text-align: start; text-indent: 0px; line-height: normal; -webkit-text-emphasis: none; vertical-align: super;"><small><span style="font-size: 0;">(</span>{{{2}}}<span style="font-size: 0;">)</span></small></rt>}}</ruby></includeonly>
+
</noinclude><includeonly><ruby style="text-indent: 0px; font-size: 100%;">{{{1}}}{{#switch:{{{hidden}}}|1=<rt style="font-size: 0;">({{{2}}})</rt>|#default=<rt style="font-size: 50%; text-align: start; text-indent: 0px; line-height: normal; -webkit-text-emphasis: none; vertical-align: super;"><small><span style="font-size: 0;">(</span>{{{2}}}<span style="font-size: 0;">)</span></small></rt>}}</ruby></includeonly>
649

回編集