もずはっく日記(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:
Tweet (list)
CSS3のruby-positionについても、overとunderについては実装が終わってる模様。早速、テスト。
<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>
ルビベース
ルビテキスト
それに対して、この例では、ルビテキストがルビベースの上にあるのが正解。