本文摘自PHP中文网,作者青灯夜游,侵删。
text-emphasis属性用于把指定的强调标记应用到元素文本中除去分隔符字符(如空格和控制字符)的每个字符。CSS3 text-emphasis属性
text-emphasis 属性是简写属性,用于在一个声明中设置 text-emphasis-style 和 text-emphasis-color。
提示:Adobe 的 "Kenten Generic OpenType Font" 是一个适合强调(重点)标记的字体,它专门为强调标记设计。
基本语法:
1 |
|
text-emphasis-style:向元素的文本应用强调标记。
text-emphasis-color:定义强调标记的前景色。
注:目前主流浏览器都不支持 text-emphasis 属性。
CSS3 text-emphasis属性的使用示例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
|
说明:
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属性有什么用的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
html5+css3实现无插件拖拽上传图片(支持预览与批量)的详情介绍
20个非常绚丽的html5/css3应用插件的详细介绍(图)
更多相关阅读请进入《text-emphasis属性》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者