text-emphasis-color

text-emphasis-color: currentColor;

text-emphasis-color: red;

text-emphasis-color: rgba(90, 200, 160, 0.8);

<section id="default-example">
  <p>
    I'd far rather be
    <span class="transition-all" id="example-element">happy than right</span>
    any day.
  </p>
</section>

p {
  font: 1.5em sans-serif;
}
#example-element {
  text-emphasis: filled;
}

/* 初期値 */
text-emphasis-color: currentcolor;
/* <color> */
text-emphasis-color: #555;
text-emphasis-color: blue;
text-emphasis-color: rgba(90, 200, 160, 0.8);
text-emphasis-color: transparent;
/* グローバル値 */
text-emphasis-color: inherit;
text-emphasis-color: initial;
text-emphasis-color: revert;
text-emphasis-color: revert-layer;
text-emphasis-color: unset;

em {
  text-emphasis-color: green;
  text-emphasis-style: "*";
}

<p>例:</p>
<em>これには圏点があります！</em>