[Devehab]

Description

Adds an example of ruby-position: inter-character with bopomofo (zhuyin) annotations, plus a "See also" link to the zhuyin positioning section of CLReq.

Motivation

The page says inter-character is meant for bopomofo, but none of the examples show it. A short example makes the value easier to understand. Since browser support is limited right now, I added a one-line note that points to the compat table.

Additional details

• https://www.w3.org/TR/clreq/#positioning_of_zhuyin
• The example uses 注音 (ㄓㄨˋ ㄧㄣ). I kept the markup on one line with no spaces between the characters, so the live sample doesn't show gaps.

Related issues and pull requests

Fixes #46246

[github-actions]

Preview URLs (1 page)

• /en-US/docs/Web/CSS/Reference/Properties/ruby-position

External URLs (1)

URL: /en-US/docs/Web/CSS/Reference/Properties/ruby-position
Title: ruby-position CSS property

• https://www.w3.org/TR/clreq/ (1 time) (Note! This may be a new URL 👀)

[Josh-Cena]

Hi @xfq no browser implements inter-character correctly, so even in Safari you won't see the right render output. What do you suggest we do? Acknowledge the situation and provide a screenshot of Safari as "current best attempt" (unlikely that Chromium will catch up any time soon), or just close this PR and wait until this value is actually properly supported somewhere?

[xfq]

Yeah, it might indeed be better to wait until browser implementations catch up before writing this. I'd like to keep the issue open, as I believe an example is useful.

See also https://www.w3.org/TR/clreq-gap/#issue241_inline_notes

[Josh-Cena]

Thanks, I think this is a bit early to take PRs for this issue—my bad. I'll re-triage that issue.