CSS | 报价属性

在CSS中，报价属性用于设置元素的报价符号或取消元素的报价符号。

语法

element {
  quotes: "open-quote" "close-quote" "open-quote" "close-quote";
}

报价属性包含一个或多个值，其中每个值代表一个可能的报价符号。每个值必须包含一个开放和关闭报价符号。

例子

下面的示例演示如何将报价符号应用于块级元素。

blockquote {
  quotes: "“" "”" "‘" "’";
}

blockquote:before {
  content: open-quote;
}

blockquote:after {
  content: close-quote;
}

这将为blockquote元素中的任何引用添加适当的报价符号，从而改善阅读体验。例如：

“如果程序员是能够自己擦黑板的，那么整个行业的效率将提高50%。” —— Jeff Atwood, co-founder of Stack Exchange

取消报价符号

有时，我们可能想要禁用元素的报价符号。这可以通过将quotes属性设置为关键字none来实现。

element {
  quotes: none;
}

这将禁用元素的所有报价符号，并且在元素周围没有引号。