quotes

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

示例

/* keyword value */
quotes: none;

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

例子

to be or not to be. that's the question!

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