CSS 参考手册 目录

CSS3 text-emphasis 属性

简介

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

语法

text-emphasis 属性的语法如下:

-------------- ---------------- -- --------------- ----------------

其中:

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

强调效果样式

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

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

强调效果标记

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

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

用法

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

-------------- ---------------- ----------------

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

-------------- ----------

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

-------------- --- -------

示例

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

-- --- --
- -
  -------------- ----------
-

-- --- --
-- -
  -------------- ---------
-

-- --- --
---- -
  -------------- --- -------
-

-- -- --
- -
  -------------- ------ -------
-

-- --- --
--- -
  -------------- ---- -----
-

浏览器支持

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

  • Chrome
  • Firefox
  • Safari
  • Edge
  • Opera

兼容性注意事项

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


下一篇:CSS 参考手册