text-emphasis-style

text-emphasis-style CSS 属性设置强调标记的外观。它也可以使用 text-emphasis 简写来设置和重置。

试一试

语法

css
/* Initial value */
text-emphasis-style: none; /* No emphasis marks */

/* <string> values */
text-emphasis-style: "x";
text-emphasis-style: "\25B2";
text-emphasis-style: "*";

/* Keyword values */
text-emphasis-style: filled;
text-emphasis-style: open;
text-emphasis-style: dot;
text-emphasis-style: circle;
text-emphasis-style: double-circle;
text-emphasis-style: triangle;
text-emphasis-style: filled sesame;
text-emphasis-style: open sesame;

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

值

none

没有强调标记。

filled

形状填充为纯色。如果 filled 和 open 均不存在，则为默认值。

open

形状为空心。

dot

显示小圆圈作为标记。实心点为 '•' (U+2022)，空心点为 '◦' (U+25E6)。

circle

显示大圆圈作为标记。实心圆为 '●' (U+25CF)，空心圆为 '○' (U+25CB)。

double-circle

显示双圆圈作为标记。实心双圆圈为 '◉' (U+25C9)，空心双圆圈为 '◎' (U+25CE)。

triangle

显示三角形作为标记。实心三角形为 '▲' (U+25B2)，空心三角形为 '△' (U+25B3)。

sesame

显示芝麻作为标记。实心芝麻为 '﹅' (U+FE45)，空心芝麻为 '﹆' (U+FE46)。

<string>

显示给定的字符串作为标记。作者不应在 <string> 中指定多个字符。UA 可能会截断或忽略包含多个音位簇的字符串。

正式定义

初始值none
应用于所有元素
继承是
计算值如指定
动画类型离散

正式语法

text-emphasis-style = 
  none                                                |
  [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ]  |
  <string>

示例

基本示例

css
h2 {
  -webkit-text-emphasis-style: sesame;
  text-emphasis-style: sesame;
}

规范

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

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅