text-emphasis-color

**text-emphasis-color** CSS 属性设置强调标记的颜色。此值也可以使用 text-emphasis 简写设置。

试一试

语法

css
/* Initial value */
text-emphasis-color: currentcolor;

/* <color> */
text-emphasis-color: #555;
text-emphasis-color: blue;
text-emphasis-color: rgb(90 200 160 / 80%);
text-emphasis-color: transparent;

/* Global values */
text-emphasis-color: inherit;
text-emphasis-color: initial;
text-emphasis-color: revert;
text-emphasis-color: revert-layer;
text-emphasis-color: unset;

<color>

定义强调标记的颜色。如果不存在颜色,则默认为 currentcolor

正式定义

初始值currentcolor
应用于所有元素
继承
计算值计算的颜色
动画类型a color

正式语法

text-emphasis-color = 
<color>

示例

使用颜色和自定义字符进行强调

CSS

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

HTML

html
<p>Here's an example:</p>

<em>This has emphasis marks!</em>

结果

规范

规范
CSS 文本装饰模块级别 3
# text-emphasis-color-property

浏览器兼容性

BCD 表格仅在浏览器中加载

参见