テキスト
text-emphasis-position
text-emphasis-position は、傍点(text-emphasis)を文字のどちら側に打つかを指定します。横書きは上か下、縦書きは右か左です。
構文
[ over | under ] && [ right | left ]?プレビュー
プリセット
右下の角をドラッグするとサイズを変えられます
コード
.box {
text-emphasis: filled sesame #e66465;
text-emphasis-position: under;
}コントロール
text-emphasis-positionunder
right | left
解説
値の書き方
over/under:横書きのとき、文字の上・下に打ちます。right/left:縦書きのとき、文字の右・左に打ちます。省略するとrightです。
初期値は over right(横書きは上、縦書きは右)で、日本語の慣習どおりです。中国語の横書きでは下に打つことが多く、under を使います。
気をつけること
text-emphasisショートハンドには含まれないので、ショートハンドを書き直しても位置はリセットされません。- 新しい仕様には言語に合わせて決める
autoもありますが、Chrome などは対応しておらず宣言ごと無視されるので、このページのコントロールには入れていません。