quotes

quotes CSS 属性用于设置引号的样式。

示例

/* 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;

浏览器支持

IE8以上浏览器都支持 quotes

语法:

quotes : none |[ <string> <string> ]+

取值:

• none ： content 属性的值 open-quote 和 close-quote 将不会展示引号.
• auto ：用适当的引号，基于在所选元素上设置的任何语言值（例如，通过 lang 属性）。
• <string> <string> ：一组或者多组 <string> 的值对应 open-quote and close-quote .第一对表示引号的外层，第二对表示第一个嵌套层，下一对表示第三层，依此类推。

例子

<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;
}