简介

text-emphasis 属性用于在文本上添加强调效果，例如下划线、上划线或点划线。它是一种 CSS3 属性，在现代浏览器中得到广泛支持。

语法

text-emphasis 属性的语法如下：

text-emphasis: <emphasis-style> || <emphasis-mark> <emphasis-style>

其中：

• <emphasis-style> 指定强调效果的样式。
• <emphasis-mark> 指定强调效果的标记。

强调效果样式

以下是一些可用的强调效果样式：

• none：无强调效果。
• underline：下划线。
• overline：上划线。
• line-through：删除线。
• dot：点划线。
• circle：圆点。
• double：双下划线。
• wave：波浪线。

强调效果标记

以下是一些可用的强调效果标记：

• filled：强调效果填充文本。
• open：强调效果不填充文本。
• dot：强调效果以点标记文本。
• sesame：强调效果以芝麻标记文本。

用法

要为文本添加强调效果，请使用以下语法：

text-emphasis: <emphasis-style> <emphasis-mark>;

例如，要为文本添加下划线，可以使用以下代码：

text-emphasis: underline;

要为文本添加点划线，可以使用以下代码：

text-emphasis: dot filled;

示例

以下是一些使用 text-emphasis 属性的示例：

// www.javascriptcn.com code example
/* 下划线 */
p {
  text-emphasis: underline;
}

/* 上划线 */
h1 {
  text-emphasis: overline;
}

/* 点划线 */
span {
  text-emphasis: dot filled;
}

/* 圆点 */
a {
  text-emphasis: circle filled;
}

/* 波浪线 */
div {
  text-emphasis: wave open;
}

浏览器支持

text-emphasis 属性在所有现代浏览器中都得到广泛支持，包括：

• Chrome
• Firefox
• Safari
• Edge
• Opera

兼容性注意事项

在 IE9 及更早版本中，text-emphasis 属性不受支持。