テキスト
text-emphasis
text-emphasis は、文字の 1 つずつに傍点（圏点）を打つショートハンドです。点の形と色をまとめて書けます。
構文<'text-emphasis-style'> || <'text-emphasis-color'> …
<'text-emphasis-style'> || <'text-emphasis-color'>
<'text-emphasis-style'> = none
| [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ]
| <string>プレビュー
プリセット
右下の角をドラッグするとサイズを変えられます
ショートハンドの内訳
text-emphasisfilled sesametext-emphasis-style
#e66465text-emphasis-color
コード
.box {
text-emphasis: filled sesame #e66465;
}コントロール
text-emphasis-stylefilled sesame
filled | open
dot | circle | double-circle | triangle | sesame
text-emphasis-color#e66465
解説
2 つのロングハンド
text-emphasis-style：点の形です。filled（塗り）かopen（白抜き）と、dotcircledouble-circletrianglesesame（ゴマ）を組み合わせます。片方を省略すると、塗りはfilled、形は横書きならdot、縦書きならsesameになります。"★"のように好きな 1 文字も使えます。初期値はnoneです。text-emphasis-color：点の色です。初期値はcurrentcolor（文字の色）です。
点の位置
点を文字の上下・左右のどちらに打つかは text-emphasis-position で決めます。初期値は横書きで上、縦書きで右です。言語によって決まりが違うので、ショートハンドには含まれていません。
気をつけること
- 空白や句読点には点は打たれません。
- 日本語の強調は、
emの標準の斜体（日本語では機械的に傾けた形になります）の代わりにtext-emphasisを使うと読みやすくなります。