Heim > Web-Frontend > CSS-Tutorial > Wozu dient das text-emphasis-Attribut?

Wozu dient das text-emphasis-Attribut?

青灯夜游
Freigeben: 2019-02-21 14:16:20
Original
3136 Leute haben es durchsucht

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

Wozu dient das text-emphasis-Attribut?

CSS3  text-emphasis属性

text-emphasis 属性是简写属性,用于在一个声明中设置 text-emphasis-style 和 text-emphasis-color。

提示:Adobe 的 "Kenten Generic OpenType Font" 是一个适合强调(重点)标记的字体,它专门为强调标记设计。

基本语法:

text-emphasis: text-emphasis-style text-emphasis-color;
Nach dem Login kopieren

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;
Nach dem Login kopieren

说明:

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。

Das obige ist der detaillierte Inhalt vonWozu dient das text-emphasis-Attribut?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage