この日記はMozillaのプロダクトへの貢献者としての私の成果を中心に、気になったバグやWeb界隈の話題について書いていますが、 断り書きがある場合を除き、いかなる団体のオフィシャルな見解ではありません。あくまでも個人的なものです。 Mozilla Foundation、Mozilla Corporation、及び関連企業の公式情報ではないことに注意してください。

現在、XHTML 1.0 (もどき)から、HTML5なコンテンツに修正中です。古い日記は修正が完了していませんので表示が崩れます。 順次、修正していく予定ですのでしばらくお待ちください。

もずはっく日記(2015年2月)

2015年2月21日

Bug-org 1055665 implement vertical positioning of CSS ruby, including ruby-position property (other than the 'inter-character' value)
初回投稿日時: 2015年02月21日18時27分48秒
カテゴリ: CSS Mozilla Core Mozilla37 バグ修正
SNS: (list)

CSS3のruby-positionについても、overunderについては実装が終わってる模様。早速、テスト。

<span style="display: ruby;">
  <span style="display: ruby-base;">ルビベース</span>
  <span style="display: ruby-text-container; ruby-position: under;">
    <span style="display: ruby-text;">ルビテキスト</span>
  </span>
</span>
ルビベース ルビテキスト

仕様書によると、ruby-positionは、ルビテキストコンテナに指定しないといけないらしい。この例だと、ルビテキストはルビベースの下側に表示されるのが正しい。

<span style="display: ruby;">
  <span style="display: ruby-base;">ルビベース</span>
  <span style="display: ruby-text; ruby-position: under;">ルビテキスト</span>
</span>
ルビベース ルビテキスト

それに対して、この例では、ルビテキストがルビベースの上にあるのが正解。

関連するかもしれないエントリ

bug-org 1055665を含むエントリ