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

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

目前创新互联公司已为1000+的企业提供了网站建设、域名、雅安服务器托管、网站托管、企业网站设计、长海网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

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*/

/*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：将显示小圆圈的标记。填充点为'•'（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）。当没有给出其他形状时，这是垂直书写模式中的默认形状。

：将给定字符串显示为标记。

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

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