text-emphasis属性有什么用

text-emphasis属性用于把指定的强调标记应用到元素文本中除去分隔符字符(如空格和控制字符)的每个字符。

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 *//*  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)。当没有给出其他形状时,这是垂直书写模式中的默认形状。

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

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

以上就是text-emphasis属性有什么用的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1614246.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月24日 04:08:57
下一篇 2025年12月24日 04:09:09

相关推荐

  • column-count属性怎么用

    column-count属性时用来指定某个元素应分为多少列数显示的。 CSS3  column-count属性 作用:column-count属性指定某个元素应分为的列数。 语法: column-count: number|auto; 参数: auto:默认值,列数将取决于其他属性,例如:&#822…

    2025年12月24日
    000
  • column-gap属性怎么用

    column-gap属性用于指定的列之间的差距,在指定某个元素应分为多少列之后使用。 CSS3 column-gap属性 作用:column-gap属性用于指定的列之间的差距。 使用条件:在使用column-count属性或column-width属性设置好元素的列数后,column-gap属性才会…

    2025年12月24日
    000
  • column-width属性怎么用

    column-width属性用于指定列的宽度;当没有明确指定元素的显示列数时,可通过该属性设置显示列数。 CSS3  column-width属性 作用:column-width属性用于指定列的宽度。 语法: column-width: auto|length; 参数: auto:由浏览器决定列宽;…

    2025年12月24日
    000
  • text-overflow属性怎么用

    text-overflow属性用于指定当文本溢出包含它的元素时,应该发生的事情。 CSS3  text-overflow属性 作用:text-overflow 属性规定当文本溢出包含元素时发生的事情。 语法: text-overflow: clip|ellipsis|string; clip:修剪文…

    2025年12月24日
    000
  • text-outline属性怎么用

    text-outline属性是用于指定文本轮廓的,通过该属性可以设置轮廓的粗细、模糊半径、颜色。 CSS3  text-outline属性 作用:text-outline 属性规定文本轮廓。 语法: text-outline: thickness blur color; thickness:设置轮廓…

    2025年12月24日
    000
  • css3 text-justify属性怎么用

    text-justify属性用于指定当文本对齐属性text-align设置为”justify”时的齐行方法;该属性规定如何对齐行文本进行对齐和分隔。 CSS3  text-justify属性 text-justify属性指定文本对齐设置为”justify&#822…

    2025年12月24日
    000
  • punctuation-trim属性怎么用

    punctuation-trim属性用于指定是否应修饰,当它出现在一条线,或相邻的另一个全形标点符号字符开头或结束标点字符。 CSS3  punctuation-trim属性 作用:punctuation-trim 属性规定如果标点位于行开头或结尾处,或者临近另一个全角标点符号,是否对标点符号进行修…

    2025年12月24日
    000
  • CSS3 border-image-outset属性怎么用?

    border-image-outset属性用于指定在边框外部绘制 边框图像区域的量,即边框图像超过边框盒的量。 CSS3 border-image-outset 属性 作用:规定边框图像超过边框盒的量。 语法: border-image-outset: length|number; length:表…

    2025年12月24日
    000
  • border-image-repeat属性怎么用

    border-image-repeat属性是用于指定图像边框是否应被重复(repeated)、拉伸(stretched)或铺满(rounded)的。 CSS3  border-image-repeat属性 作用:规定图像边框是否应该被重复(repeated)、拉伸(stretched)或铺满(rou…

    2025年12月24日
    000
  • border-image-slice属性怎么用

    border-image-slice属性用于指定图像边框(顶部、右侧、底部、左侧)的向内偏移;没有具体的单位值,只需要给一个单纯的数字值或者按照百分比设置。 CSS3  border-image-slice属性 作用:规定图像的上、右、下、左侧边缘的向内偏移;会把边框图像切成9个区域:4个角、4边区…

    2025年12月24日
    000
  • border-image-source属性怎么用

    border-image-source属性指定要使用的图像,而不是由border-style属性设置的边框样式。 CSS3  border-image-source属性 作用:规定要使用的图像,代替 border-style 属性中设置的边框样式。 语法: border-image-source: …

    2025年12月24日
    000
  • border-image-width属性怎么用

    border-image-width属性是用来指定图像边界宽度的;可以设置4个值,分别将边框图像区域分割为九个部分的偏移,它们代表上,右,下,左,两侧向内的距离。 CSS3  border-image-width属性 作用:规定图像边框的宽度。 语法: border-image-width: num…

    2025年12月24日
    000
  • overflow-x属性怎么用

    overflow-x属性是用来指定当元素溢出内容区域时,是否对内容的左/右边缘进行裁剪。 CSS3  overflow-x属性 作用:overflow-x属性规定是否对内容的左/右边缘进行裁剪 – 如果溢出元素内容区域的话。 提示:使用overflow-y属性来判断顶部和底部边缘是否裁剪…

    2025年12月24日
    000
  • overflow-y属性怎么用

    overflow-y属性是用来指定当元素溢出内容区域时,是否对内容的顶部/底部边缘进行裁剪。 CSS3  overflow-y属性 作用:overflow-y属性指定如果它溢出了元素的内容区是否剪辑顶部/底部边缘内容。 提示:使用overflow-x属性来判断左右边缘是否裁剪。 语法: overfl…

    2025年12月24日
    000
  • transition-delay属性怎么用

    transition-delay属性指定何时将开始进行切换效果,其值是指以秒(s)或毫秒(ms)为单位。 CSS3 transition-delay属性 作用:transition-delay 属性规定过渡效果何时开始。transition-delay 值以秒或毫秒计。 语法: transition…

    2025年12月24日 好文分享
    000
  • transition-timing-function属性怎么用

    transition-timing-function属性是用来规定过渡效果的速度曲线,它允许过渡效果随着时间来改变其速度;可以实现慢速开始,然后变快,然后慢速结束等等的过渡效果。 CSS3  transition-timing-function属性 作用:transition-timing-func…

    2025年12月24日
    000
  • css3 transition-duration属性怎么用

    css3 transition-duration属性用于规定完成过渡效果需要花费的时间(以秒或毫秒计),语法为transition-duration: time。当time值为0是,意味着不会发生过渡效果。 CSS3  transition-duration属性 作用:transition-dura…

    2025年12月24日
    000
  • transition-property属性怎么用

    transition-property属性是用于指定应用过渡效果的 css 属性的名称;当指定的 css 属性发生改变时,过渡效果将开始。 CSS3  transition-property属性  作用:transition-property 属性规定应用过渡效果的 CSS 属性的名称。(当指定的 …

    2025年12月24日
    000
  • backface-visibility属性怎么用

    backface-visibility属性是用于定义当元素不面向屏幕时是否可见;如果在旋转元素不希望看到其背面时,该属性很有用。 CSS3  backface-visibility属性 作用:backface-visibility 属性定义当元素不面向屏幕时是否可见。如果在旋转元素不希望看到其背面时…

    2025年12月24日 好文分享
    000
  • perspective属性怎么用

    perspective属性是用来定义 3d 元素距视图的距离,以像素计;它允许你改变 3d 元素查看 3d 元素的视图。 CSS3  perspective属性 作用:perspective 属性定义 3D 元素距视图的距离,以像素计。该属性允许您改变 3D 元素查看 3D 元素的视图。当为元素定义…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信