text-emphasis-style

在此页

句法
形式定义
形式句法
范例
规范
浏览器兼容性
另请参阅
相关话题

text-emphasis-style CSS property sets the appearance of emphasis marks. It can also be set, and reset, using the text-emphasis shorthand.

/* Initial value */
text-emphasis-style: none; /* No emphasis marks */
/* <string> values */
text-emphasis-style: 'x';
text-emphasis-style: '点';
text-emphasis-style: '\25B2';
text-emphasis-style: '*';
text-emphasis-style: 'foo'; /* Should NOT be used. It may be computed to or rendered as 'f' only */
/* Keyword values */
text-emphasis-style: filled;
text-emphasis-style: open;
text-emphasis-style: dot;
text-emphasis-style: circle;
text-emphasis-style: double-circle;
text-emphasis-style: triangle;
text-emphasis-style: filled sesame;
text-emphasis-style: open sesame;
/* Global values */
text-emphasis-style: inherit;
text-emphasis-style: initial;
text-emphasis-style: unset;

句法

值

none
filled: The shape is filled with solid color. If neither filled nor open is present, this is the default.
open
dot: Display small circles as marks. The filled dot is '•' ( U+2022 ), and the open dot is '◦' ( U+25E6 ).
circle: Display large circles as marks. The filled circle is '●' ( U+25CF ), and the open circle is '○' ( U+25CB ).
double-circle: Display double circles as marks. The filled double-circle is '◉' ( U+25C9 ), and the open double-circle is '◎' ( U+25CE ).
triangle: Display triangles as marks. The filled triangle is '▲' ( U+25B2 ), and the open triangle is '△' ( U+25B3 ).
sesame: Display sesames as marks. The filled sesame is '﹅' ( U+FE45 ), and the open sesame is '﹆' ( U+FE46 ).
<string>: Display the given string as marks. Authors should not specify more than one character in <string> . The UA may truncate or ignore strings consisting of more than one grapheme cluster.

形式定义

初始值	`none`
适用于	所有元素
继承	no
计算值	如指定
动画类型	discrete

形式句法

none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>

范例

基本范例

h2 {
  text-emphasis-style: sesame;
}

规范

规范	状态	注释
CSS Text Decoration Module Level 3 The definition of 'text-emphasis' in that specification.	候选推荐	初始定义

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`text-emphasis-style`	Chrome 完整支持 25 Prefixed 完整支持 Prefixed Prefixed Implemented with the vendor prefix: -webkit-	Edge 完整支持 79 Prefixed 完整支持 Prefixed Prefixed Implemented with the vendor prefix: -webkit-	Firefox 完整支持 46 完整支持 46 不支持 45 — 49 Disabled Disabled ). To change preferences in Firefox, visit	IE 不支持 No	Opera 完整支持 15 Prefixed 完整支持 Prefixed Prefixed Implemented with the vendor prefix: -webkit-	Safari 完整支持 6.1	WebView Android 完整支持 4.4 Prefixed 完整支持 Prefixed Prefixed Implemented with the vendor prefix: -webkit-	Chrome Android 完整支持 25 Prefixed 完整支持 Prefixed Prefixed Implemented with the vendor prefix: -webkit-	Firefox Android 完整支持 46 完整支持 46 不支持 45 — 49 Disabled Disabled ). To change preferences in Firefox, visit	Opera Android 完整支持 14 Prefixed 完整支持 Prefixed Prefixed Implemented with the vendor prefix: -webkit-	Safari iOS 完整支持 7	Samsung Internet Android 完整支持 1.5 Prefixed 完整支持 Prefixed Prefixed Implemented with the vendor prefix: -webkit-

图例

完整支持
不支持
用户必须明确启用此特征。
要求使用供应商前缀或不同名称。

另请参阅

The related properties text-emphasis-color , text-emphasis .
text-emphasis-position property allowing to define the position of the emphasis marks.

元数据

最后修改： Oct 15, 2020

在此页

句法

值

形式定义

形式句法

范例

基本范例

规范

浏览器兼容性

图例

另请参阅

相关话题