Firefox Nightly45に圏点(text-emphasis)がやってきた


画像は拙サイトtext-emphasis (CSS3 Text decoration);圏点のスタイル - CSS3ウェブブラウザ実装メモスクリーンショットです。


Nightlyに圏点がきました。about:configlayout.text-emphasis.enabledtrueにすれば、圏点が表示されているはずです。早くもabout:configでのフラグを取ってしまってはどうかという提案がされています(Bug 1229609)。

known issueとして、ルビと圏点が同時に表示するのを執筆時点ではうまくレンダリング出来ていません(Bug 1224013)が、既にいくつか解決策が検討されているので、解決方法が決まればこのバグも無くなると思われます。20151204で既にFIXされています。

まだレビューされてませんが、text-emphasis - CSS | MDNtext-emphasis-position - CSS | MDNも作成されています。


ところで、text-emphasis-positionですが、仕様*1では

[ over | under ] && [ right | left ]

となっていて、上下と左右を順序関係なしに省略せずに指定する必要がありますが*2、どうもBlinkの実装は2つ同時に指定すると動作しない模様。個人的には上下と左右を同時に必ず指定するのが面倒なので、

[ over | under ] || [ right | left ]

として、どちらか片方だけ指定出来るようになればいいのではないかなと思うのですが、どんなもんでしょうか。

(以下追記)
と思って例の如くXidorn Quanさんに聞いてみたところ、


とまあ、中国語と日本語で普段の圏点の位置が違うから、ということになっております。

*1:3.4. 圏点の位置:text-emphasis-positionプロパティー

*2:構文が分からない人は2.2. コンポーネント値の結合子あたりを読みましょう。まあ、私も忘れたどころか訳を間違えてたうえに指摘されるまで理解が怪しかったのは内緒。