• 技术文章 >web前端 >css教程

    text-emphasis属性有什么用

    青灯夜游青灯夜游2019-02-21 14:16:20原创1488
    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属性有什么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:text-emphasis属性 CSS3
    上一篇:css outline属性怎么用? 下一篇:css word-spacing属性怎么用?
    20期PHP线上班

    相关文章推荐

    精选22门好课,价值3725元,开通VIP免费学习!• 使用css3属性处理单词的换行和断词_html/css_WEB-ITnose• 如何处理CSS3属性前缀_html/css_WEB-ITnose• 部分易被忽视的css3属性_html/css_WEB-ITnose• CSS3属性选择器详解 及 双色球实战开发_html/css_WEB-ITnose
    1/1

    PHP中文网