CSS quotes属性介绍

CSS quotes属性用于在HTML元素中定义引用的符号，可用于引文、对话框等形式的内容中。

语法

quotes: none | string | initial | inherit;

取值

• none：默认值，表示不使用任何引号。如需使用引号，必须使用::before和::after伪元素或content属性来设置。
• string：用双引号("")或单引号('')包含的字符串，表示引用的符号，最多可以定义两个，第一个为左引号，第二个为右引号。例如：

quotes: "“" "”";

初始值

• quotes属性的初始值是none。

继承性

• quotes属性不可继承。

示例

HTML

<p>这是一句话，其中引用了一句话：“这是引用的内容”。</p>

CSS

p::before {
  content: open-quote; /* 使用默认引号，等价于" */
}

p::after {
  content: close-quote; /* 使用默认引号，等价于" */
}

/* 或者直接使用引号字符串 */
q {
  quotes: "“" "”";
}

输出

这是一句话，其中引用了一句话：“这是引用的内容”。

或者使用标签包裹引用内容：

这是一句话，其中引用了一句话：这是引用的内容。

注意事项

• 在IE8及以下版本的浏览器中不支持CSS quotes属性，需用JavaScript兼容处理。