CSS quotes 属性

设置嵌套引用的引号类型：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
  <style type="text/css">
    q:lang(en) {
      quotes: "~" "~" "'" "'";
    }
  </style>
</head>
<body>

  <p><q>This is a <q>big</q> quote.</q>
  </p>
  <p><b>注意:</b>当声明了!DOCTYPE 时， IE8 才支持这些属性。</p>
</body>
</html>

尝试一下 »

属性定义及使用说明

quotes属性设置嵌套引用的引号类型。

默认值： not specified
继承： yes
版本： CSS2
JavaScript 语法： object.style.quotes="none"

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持quotes属性。

注意：IE8需要定义！DOCTYPE才支持quotes属性。

属性值

值 描述
none 规定 "content" 属性的 "open-quote" 和 "close-quote" 的值不会产生任何引号。
string string string string

定义要使用的引号。

前两个值规定第一级引用嵌套，后两个值规定下一级引号嵌套。
inherit 规定应该从父元素继承 quotes 属性的值。

引号字符

效果 说明 实体编号
" 双引号 "
' 单引号 '
‹ 单一的左尖括号 ‹
› 单一的右尖括号 ›
« 双的左尖括号 «
» 双的右尖括号 »
' 左引号(单 high-6) ‘
' 右引号(单 high-9) ’
" 左引号(双 high-6) “
" 右引号(双 high-9) ”
„ 双引号 (双 low-9) „