画像は拙サイトtext-emphasis (CSS3 Text decoration);圏点のスタイル - CSS3ウェブブラウザ実装メモのスクリーンショットです。
Nightlyに圏点がきました。about:config
でlayout.text-emphasis.enabled
をtrue
にすれば、圏点が表示されているはずです。早くもabout:config
でのフラグを取ってしまってはどうかという提案がされています(Bug 1229609)。
known issueとして、ルビと圏点が同時に表示するのを執筆時点ではうまくレンダリング出来ていません(Bug 1224013)が、既にいくつか解決策が検討されているので、解決方法が決まればこのバグも無くなると思われます。20151204で既にFIXされています。
まだレビューされてませんが、text-emphasis - CSS | MDN、text-emphasis-position - CSS | MDNも作成されています。
ところで、text-emphasis-position
ですが、仕様*1では
[ over | under ] && [ right | left ]
となっていて、上下と左右を順序関係なしに省略せずに指定する必要がありますが*2、どうもBlinkの実装は2つ同時に指定すると動作しない模様。個人的には上下と左右を同時に必ず指定するのが面倒なので、
[ over | under ] || [ right | left ]
として、どちらか片方だけ指定出来るようになればいいのではないかなと思うのですが、どんなもんでしょうか。
(以下追記)
と思って例の如くXidorn Quanさんに聞いてみたところ、
@upsuperx @d_toybox 日本語と中国語でpreferred valueが違うから、ということですか。
— もんど (@momdo_) December 2, 2015
とまあ、中国語と日本語で普段の圏点の位置が違うから、ということになっております。
*1:3.4. 圏点の位置:text-emphasis-positionプロパティー
*2:構文が分からない人は2.2. コンポーネント値の結合子あたりを読みましょう。まあ、私も忘れたどころか訳を間違えてたうえに指摘されるまで理解が怪しかったのは内緒。