CSS Ruby Layout Module Level 1

CSS Ruby Layout Module Level 1

仕様書

レンダリング

[8] CSS Ruby

display の Web 非互換問題

[236] Firefox だけが実装している CSS Rubydisplay 指定が Web互換ではないため、 Firefox でだけ表示が崩れる。 Firefox の開発者は仕様通りとして INVALID にした >>234

[9] Chrome も実装したら同じように崩れるだろと言っているけど、 もう何年も未対応のままで、しかもWeb互換性の問題まで見つかったものを、 今後 ChromeSafari が実装する日は来るのだろうか? 誰でも実装できて Web互換性の問題が無い形に CSS Ruby を作り直した方が良いような...

[11] 差別をなくすために差別を温存している? 『「社会正義」はいつも正しい』の読みどころを訳者・山形浩生が解説!|Hayakawa Books & Magazines(β), https://archive.md/2022.11.17-025441/https://www.hayakawabooks.com/n/n3856ec404c2f

だからこの人たちの癇に<ruby style="background-repeat:no-repeat;border-bottom-color:rgb(8, 19, 26);border-bottom-style:solid;border-bottom-width:0px;border-image-outset:0;border-image-repeat:stretch;border-image-slice:100%;border-image-source:none;border-image-width:1;border-left-color:rgb(8, 19, 26);border-left-style:solid;border-left-width:0px;border-right-color:rgb(8, 19, 26);border-right-style:solid;border-right-width:0px;border-top-color:rgb(8, 19, 26);border-top-style:solid;border-top-width:0px;box-sizing:border-box;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-indent:0px;" >障<rt style="background-repeat:no-repeat;color:rgba(8, 19, 26, 0.66);font-size:9px;border-bottom-color:rgba(8, 19, 26, 0.66);border-bottom-style:solid;border-bottom-width:0px;border-image-outset:0;border-image-repeat:stretch;border-image-slice:100%;border-image-source:none;border-image-width:1;border-left-color:rgba(8, 19, 26, 0.66);border-left-style:solid;border-left-width:0px;border-right-color:rgba(8, 19, 26, 0.66);border-right-style:solid;border-right-width:0px;border-top-color:rgba(8, 19, 26, 0.66);border-top-style:solid;border-top-width:0px;box-sizing:border-box;display:block;line-height:normal;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:start;text-indent:0px;-webkit-text-emphasis-color:rgba(8, 19, 26, 0.66);-webkit-text-emphasis-style:none;" >さわ</rt></ruby>った(「トリガーした」)言説は、それだけで有罪確定だ。

[12] rtdisplay:block が指定されているので、 Chrome では正常に上ルビとして表示されるのに、 Firefox では親文字列の右側にルビ文字列が表示されてしまう。

歴史

[1] Latest topics > CSS3 Ruby Module - outsider reflex (Piro(SHIMODA Hiroshi) 著, 版) http://piro.sakura.ne.jp/latest/blosxom/mozilla/extension/rubysupport/2008-03-16_css3.htm

[2] CSS Ruby Module Level 1 ( ( 版)) http://www.w3.org/TR/2013/WD-css3-ruby-20130919/

[3] CSS Ruby Module Level 1 ( ( 版)) http://dev.w3.org/csswg/css-ruby/

[4] CSS Ruby Layout Module Level 1 ( ( 版)) http://www.w3.org/TR/2014/WD-css-ruby-1-20140805/

[5] [css-ruby] Add myself as co-editor (again) (upsuper著, ) https://github.com/w3c/csswg-drafts/commit/e050fd67cd871991f217a6c769fd75dabdb9c822

[6] CSS3 Ruby Module ( ( 版)) http://www.w3.org/TR/2011/WD-css3-ruby-20110630/

[10] Intent to ship: CSS Ruby, https://groups.google.com/g/mozilla.dev.platform/c/CrVBhJaHduc

[13] 880802 - Support ruby-specific display values - chromium, https://bugs.chromium.org/p/chromium/issues/detail?id=880802

[14] 44515 – Implement ruby CSS display values, https://bugs.webkit.org/show_bug.cgi?id=44515