しらぎくのウェブサイト作成入門メモ
しらぎくのウェブサイト作成入門制作者のメモ。

CSS でのルビのスタイルについて補足

過日、本拠地サイト内の記事ルビを振るにはを全面的に改訂しました。

こちらでも少し補足しておきます。

目次


本来のルビのスタイルは

ルビのスタイルについては、CSS 第三水準の関連モジュールで正式に決められる事になっております。

具体的には、

事となっております。

ルビ関連モジュールの現状

ですが、平成29年 7月 4日現在基本ボックスモジュールもルビモジュールも草案の段階となっております。

基本ボックスモジュールに至っては、

から、早期実装(アーリー・アダプション)を控えるように求められております。

このような状況のため、ルビに関して正統なプロパティ定義は利用出来ない状況となっております。

現時点でのルビのスタイル

ルビを振るにはでも書いておりますが、平成29年 7月 4日現在のルビテキストはインラインテーブルを活用して擬似的に実現しているものです。

インラインテーブルは CSS 第二水準第一改訂版で使え、このため現行のウェブブラウザであればほぼ問題なく実現させる事が可能です。

複雑なルビもある程度は可能

今回改訂した記事では、

と言う単純なもののみを取上げております。

ですが、

と言うような複雑なルビも実現可能です。

これらのルビを実現するための方法については、別文書 HTML 5 でのルビのスタイル ~ より複雑なルビの実現 ~で取上げております。

W3C 規格と WHATWG 規格の相違が問題に

ただ、このような複雑なルビを実現しようとすると、W3C と WHATWG の二つの HTML5 規格の相違が問題となります

特に、一文字毎にルビを与えるスタイルを実現するためのマークアップは、W3C が勧告した HTML 5.x に準じたものとなりますが、WHATWG が策定している HTML ~生きている標準~ には適合出来なくなります

このような複雑なルビの需要は殆どないと思いますが、必要であればこの問題については考えた方が良いかも知れません。

ご案内。

制作者の創作キャラクタ

創作キャラクタ・堀北真希うさぎ
主な収録作品
紀子ちゃん(神崎紀子)
主な収録作品

しらぎく日記システム 第 0.685版 (平成29年08月15日)