目录

quotes

描述 (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>iowiki.com</q></p>
      <p><q>iowiki.com <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属性,因此对大多数元素的效果都是透明的。

它会产生以下结果 -

新页面打开
↑回到顶部↑
WIKI教程 @2018