引号属性

最后更新：2026-09-13

quotes 引号属性

quotes 属性用于自定义 q 元素或 content 的 open-quote/close-quote 使用的引号字符。默认值由浏览器根据语言环境决定。它支持定义多级引号对，实现嵌套引用时自动切换引号样式，是国际化排版的重要工具。

分类
初始值	depends on user agent
继承	是
适用于
可动画
CSS 版本	CSS2
状态	标准

📝 语法

quotes: none | auto | <string> <string>+;

⚙️ 取值

值	类型	描述
`none \| auto`	关键字	无或自动
`<string> <string>+`	值	自定义引号对

▶ 示例

编辑下方代码，在 playground 中查看实时效果：

▶ 试一试

🌐 浏览器支持

浏览器	Chrome	Edge	Firefox	Safari	Opera
quotes	✓ v10	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： 中文常用引号对是 “” 和 ‘’，英文常用 " " 和 ' '，可根据网站语言环境设置。

提示： quotes 是可继承属性，在父元素设置后所有子元素都会使用相同的引号样式。

❓ 常见问题

Qquotes 和直接用 content 插入引号有什么区别？

Aquotes 定义引号字符集，配合 content: open-quote/close-quote 使用，能根据嵌套层级自动切换对应层级的引号（第一层用“”、第二层用‘’）；content 直接插入固定字符串则无法感知层级，嵌套引用会全部显示同一对引号。处理多级嵌套引用时应使用 quotes + open-quote。

Q如何禁用自动引号？

A设置 quotes: none 后，q 元素或 content: open-quote 不再生成引号。quotes 只影响 open-quote/close-quote 关键字，不影响 content 直接书写的字符串。想完全自定义时，直接 content: "「" 即可绕过 quotes 机制。

Q如何给 q 元素设置中文引号？

A中文规范通常用“ ”作外层、‘ ’作内层：quotes: "“" "”" "‘" "’";。第一个值对是外层的开闭引号，第二对是内层（嵌套）引号，最多支持四层。设置后所有 q 元素会按嵌套深度自动切换。注意每对引号字符要用空格分隔，并各自加引号包裹。

Qquotes 会被继承吗？

A会。quotes 是继承属性，在父元素设置后所有后代元素（包括 q）都使用同一套引号，因此只需在文档根或引用容器设置一次。默认值 auto 由浏览器根据元素 lang 属性和语言环境决定，例如中文页面自动使用“”，英文页面自动使用 ""。