CSS text-emphasis 属性

CSS text-emphasis 属性用于在文本中强调某些部分。该属性定义了文本的Emphasis Mark，Emphasis Mark是一个字符、字符串或符号，用于增加文本的重点。

语法

text-emphasis: [ [ fill-color || text-emphasis-style ] || <custom-Character> ];

属性值

Text Emphasis Style

| 值 | 描述 | | -------- | ------------------------------------------------------------ | | none | 默认值，表示无强调样式。 | | accent | 强调标记为一个符号。 | | dot | 强调标记为一个点。 | | circle | 强调标记为一个圆圈。 | | double | 强调标记为双线。 | | triangle | 强调标记为一个等边三角形。 | | sesame | 强调标记为六点星。 | | filled | 强调标记为实心符号或形状。允许指定颜色。 | | open | 强调标记为空心符号或形状。允许指定颜色。 | | inherit | 规定应该从父元素继承 text-emphasis-style 属性的值。 |

Fill Color

text-emphasis-style 属性的颜色。可以设置任何CSS颜色值（rgb、rgba、十六进制、hsl、hsla、named）。

Custom Character

一个用于强调文本的自定义字符。

实例

下面是一些 text-emphasis 示例：

h1 {
  text-emphasis: filled circle red;
}

h2 {
  text-emphasis: sesame green;
}

p {
  text-emphasis: triangle;
}

兼容性

该属性在现代浏览器中得到支持。

| Chrome | Firefox | Edge | IE | Opera | Safari | | ------ | ------- | ---- | -- | ----- | ------ | | 25+ | 15+ | 12+ | 9+ | 15+ | 6.1+ |

注意事项

• text-emphasis-style 属性设置为 fill 和 open 时，可以指定 fill-color。
• text-emphasis-style 属性设置为 accent 和 custom 时，无法指定 fill-color。
• text-emphasis-style 属性支持多个值组合，用空格分隔。
• text-emphasis-style 属性的值可以是 inherit，让它从父元素继承属性。