text-emphasisで傍点のスタイル・形・色を指定【CSS】

text-emphasisは文字につける傍点のスタイルや形、色などをまとめて指定できるショートハンドプロパティ。

{text-emphasis: -スタイル -色;}

text-emphasisプロパティで指定できる値は「text-emphasis-style」、「text-emphasis-color」の各プロパティと同じで、半角スペースで区切って指定します。

また、値を省略した場合は、各プロパティの初期値が適用されます。

下記は2つとも同じ意味です。

.bouten {
　text-emphasis-style: triangle;
　text-emphasis-color: red;
}

.bouten {
　text-emphasis: triangle red;
}

それぞれのプロパティを別々に指定しなくても、text-emphasisプロパティでまとめて指定した方が楽ですよね。