quotes

优质

小牛编辑

137浏览

2023-12-01

描述 (Description)

quotes属性用于定义在嵌套报价的每个级别使用的报价对。

可能的值 (Possible Values)

《string》《string》 - 一对字符串值，用于表示打开和关闭引号。
none - 这可以防止属性内容上的open-quote和close-quote值生成任何引号。

适用于 (Applies to)

所有HTML元素。

例子 (Example)

这是一个例子 -

<html>
   <head>
      <style type = "text/css">
         q {
            quotes: "<<" ">>" "<" ">";
         }
      </style>
   </head>
   <body>
      <p><q>xnip.cn</q></p>
      <p><q>xnip.cn <q>quote</q> inside a java.</q></p>
   </body>
</html>

在需要解决此差异的文档中，您可以使用:lang伪类来适当地更改引号。以下代码针对所使用的语言适当更改

标记 -

<html>
   <head>
      <style type = "text/css">
         /* Two levels of quotes for two languages*/
         :lang(en) { quotes: '"' '"'  "'"  "'"; }
         :lang(fr) { quotes: "<<" ">>" "<" ">"; }
      </style>
   </head>
   <body>
      <p>...<q lang = "fr">A quote in a paragraph</q>...</p>
   </body>
</html>

:lang选择器将应用于文档中的所有元素。但是，并非所有元素都使用quotes属性，因此对大多数元素的效果都是透明的。