CSS3

プロパティ

ruby-merge

[Edge]⛌。→●、mdn

ルビ同士のアキ。

このプロパティは、ルビ コンテナ ボックス内にルビ注釈ボックスが 1 つ以上あるときに、注釈は 次のどれに従って描画されるべきかを制御する：

• ペアどうしの分離を保つ（separate する）
• ひとまとめに 注釈を併合する（merge する）
• 分離を保つかどうかを、可用な空間に基づいて決定する（auto）

separate

各ルビ注釈ボックスは、それが span する基底ボックス（たち）と同じルビ column（たち）の中に描画される ― すなわち、両側にある隣接する基底と重なり合わない。このスタイルは、[JLREQ] では“モノルビ”と呼ばれている。

center 整列の下での ruby-merge: separate の効果。

例えば、次の 2 つの行を描画した結果は、同じになる：

<p><ruby>無<rt>む</ruby><ruby>常<rt>じょう</ruby>
<p><ruby style="ruby-merge:separate"><rb>無<rb>常<rt>む<rt>じょう</ruby>

merge

同じルビ区分の中の同じ行上にある すべてのルビ注釈ボックスは、それらが属するルビ注釈コンテナの中で行内ボックスとして連結され、［対応するルビ基底ボックスたち すべてに span している、単独のルビ注釈ボックス ］内にレイアウトされる。このスタイルによる描画は、単独の行にレイアウトされるときは、[JLREQ] による“グループ ルビ”に類似する。しかしながら、複数行に分断されるときは、各［ルビ注釈と対応するルビ基底たち］は一緒に保たれる。

center 整列の下での ruby-merge: merge による効果。

auto

ユーザー エージェントは、各ルビ注釈ボックスが、対応する基底ボックスに、どう描画するか決定するときには、次が満たされる限り、どのようなアルゴリズムを利用してもよい：

• すべての注釈が、それらに対応する基底の上面に収まる場合の結果は、separate と一致する。
• ある注釈が それが span する基底より幅広になる場合には、それらの基底と隣接する基底との合間にアキが課されないよう，何らかの仕方で空間が共有される。

center 整列の下での ruby-merge: auto による効果。

注記： このふるまいは、複合語用に意図される。[QA-RUBY] “ルビとは何か？”内の“熟語ルビ”を見よ。

この型のルビを描画するための規約には様々なものがあり、それに応じて複雑さも変わる ― 例えば、次を見よ ：

[SIMPLE-RUBY] 熟語ルビの配置、
[JLREQ] 熟語ルビの位置決め、
[JISX4051] 4.12.3(c) 熟語ルビの処理

最も単純な、そのような規約は、次に従うことである：

［次が満たされるならば separate／他の場合は merge］として描画する：

どのルビ注釈ボックスも、それが span するルビ基底ボックスたちの送り幅の中に収まる

関連

ruby-align。

テスト