quotes

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

语法

/* Keyword value */
quotes: none;

/* <string> values */
quotes: "«" "»";           /* Set open-quote and close-quote to the French quotation marks */
quotes: "«" "»" "‹" "›";   /* Set two levels of quotation marks */

/* Global values */
quotes: inherit;
quotes: initial;
quotes: unset;

值

none

 content 属性的值 open-quote 和 close-quote 将不会展示引号.

[<string> <string>]+

一组或者多组<string> 的值对应 open-quote and close-quote. 第一对表示引号的外层，第二对表示第一个嵌套层，下一对表示第三层，依此类推。

语法格式

none | auto | [ <string> <string> ]+

示例

HTML

<q>To be or not to be. That's the question!</q>

CSS

q {
  quotes: '"' '"' "'" "'";
}
q::before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

Result

备注

从Firefox 3.5开始，可以使用 -moz-initial读取quotes属性的初始值，这在Firefox的早期版本中是不可能的。

规范

浏览器兼容性

参考

• content