css中的text-emphasis属性有什么用

这篇文章主要为大家展示了“css中的text-emphasis属性有什么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“css中的text-emphasis属性有什么用”这篇文章吧。

　　CSS3text-emphasis属性

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

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

　　基本语法：

　　text-emphasis:text-emphasis-styletext-emphasis-color;

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

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

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

　　CSS3text-emphasis属性的使用示例

　　/*Initialvalue*/

　　text-emphasis:none;/*Noemphasismarks*/

　　/*<string>value*/

　　text-emphasis:'x';

　　text-emphasis:'点';

　　text-emphasis:'\25B2';

　　text-emphasis:'*'#555;

　　text-emphasis:'foo';/*ShouldNOTuse.Itmaybecomputedtoorrenderedas'f'only*/

　　/*Keywordsvalue*/

　　text-emphasis:filled;

　　text-emphasis:open;

　　text-emphasis:filledsesame;

　　text-emphasis:opensesame;

　　/*Keywordsvaluecombinedwithacolor*/

　　text-emphasis:filledsesame#555;

　　/*Globalvalues*/

　　text-emphasis:inherit;

　　text-emphasis:initial;

　　text-emphasis:unset;

　　说明：

　　none：没有重点标记。

　　filled：形状充满纯色。如果既不存在filled也不open存在，这是默认值。

　　open：形状是空心的。

　　dot：将显示小圆圈的标记。填充点为'&bull;'（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。

以上是“css中的text-emphasis属性有什么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！