当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


CSS text-emphasis属性用法及代码示例


在本文中,我们将讨论 CSS 中的 text-emphasis 属性。它是 text-emphasis-style 和 text-emphasis-color 的 short-hand 属性。它将强调属性应用于字符(空格和控制字符除外)。

用法:

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

属性:

  • text-emphasis-style:它定义了强调标记的形状。它接受诸如填充、开放、点、三角形、无等值。
  • text-emphasis-color:它定义了强调标记的颜色。

例:



HTML


<!DOCTYPE html>
<html>
  
<head>
    <style>
    h2 {
        text-emphasis:filled double-circle green;
        -webkit-text-emphasis:filled double-circle green;
    }
    </style>
    <title>Text Emphasis</title>
</head>
  
<body>
    <center>
        <h2>Welcome to GFG</h2> 
    </center>
</body>
  
</html>

输出:

支持的浏览器:

  • chrome 25 及以上
  • Edge 79 及以上
  • 火狐 46 及以上
  • Opera 15 及以上
  • Safari 7 及更高版本

相关用法


注:本文由纯净天空筛选整理自kankshi25大神的英文原创作品 CSS text-emphasis Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。