テキスト

text-emphasis-position

text-emphasis-position は、傍点(text-emphasis)を文字のどちら側に打つかを指定します。横書きは上か下、縦書きは右か左です。

構文

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

プレビュー

Aa
プリセット
右下の角をドラッグするとサイズを変えられます

コード

.box {
  text-emphasis: filled sesame #e66465;
  text-emphasis-position: under;
}

コントロール

text-emphasis-positionunder
over | under
right | left
Aa

解説

値の書き方

  • over / under:横書きのとき、文字の上・下に打ちます。
  • right / left:縦書きのとき、文字の右・左に打ちます。省略すると right です。

初期値は over right(横書きは上、縦書きは右)で、日本語の慣習どおりです。中国語の横書きでは下に打つことが多く、under を使います。

気をつけること

  • text-emphasis ショートハンドには含まれないので、ショートハンドを書き直しても位置はリセットされません。
  • 新しい仕様には言語に合わせて決める auto もありますが、Chrome などは対応しておらず宣言ごと無視されるので、このページのコントロールには入れていません。