text-emphasis属性的使用方法

今天小编给大家分享的是text-emphasis属性的使用方法，很多人都不太了解，今天小编为了让大家更加了解text-emphasis属性，所以给大家总结了以下内容，一起往下看吧。一定会有所收获的哦。

CSS3  text-emphasis属性

text-emphasis 属性是简写属性，用于在一个声明中设置 text-emphasis-style 和 text-emphasis-color。

提示：Adobe 的 "Kenten Generic OpenType Font" 是一个适合强调（重点）标记的字体，它专门为强调标记设计。

基本语法：

text-emphasis: text-emphasis-style text-emphasis-color;

text-emphasis-style：向元素的文本应用强调标记。

text-emphasis-color：定义强调标记的前景色。

注：目前主流浏览器都不支持 text-emphasis 属性。

CSS3  text-emphasis属性的使用示例

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

/* <string> value */
text-emphasis: 'x';
text-emphasis: '点';
text-emphasis: '\25B2';
text-emphasis: '*' #555;
text-emphasis: 'foo'; /* Should NOT use. It may be computed to or rendered as 'f' only */

/* Keywords value */
text-emphasis: filled;
text-emphasis: open;
text-emphasis: filled sesame;
text-emphasis: open sesame;

/* Keywords value combined with a color */
text-emphasis: filled sesame #555;

/* Global values */
text-emphasis: inherit;
text-emphasis: initial;
text-emphasis: 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>：将给定字符串显示为标记。

<color>：定义标记的颜色。如果没有颜色，则默认为currentColor。

以上就是text-emphasis属性的使用方法的简略介绍，当然详细使用上面的不同还得要大家自己使用过才领会。如果想了解更多，欢迎关注亿速云行业资讯频道哦！