>  기사  >  웹 프론트엔드  >  text-emphasis 속성의 용도는 무엇입니까?

text-emphasis 속성의 용도는 무엇입니까?

青灯夜游
青灯夜游원래의
2019-02-21 14:16:203085검색

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

/* <string> value */
text-emphasis: &#39;x&#39;;
text-emphasis: &#39;点&#39;;
text-emphasis: &#39;\25B2&#39;;
text-emphasis: &#39;*&#39; #555;
text-emphasis: &#39;foo&#39;; /* Should NOT use. It may be computed to or rendered as &#39;f&#39; 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)。当没有给出其他形状时,这是垂直书写模式中的默认形状。

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

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

위 내용은 text-emphasis 속성의 용도는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.