CSS quotes 属性

定義と使用法

quotes属性は、ネストされた引用（埋め込み引用）の引用種類を設定します。

も参照してください：

HTML DOMリファレンスマニュアル：quotes属性

例

q:lang(en)
  {
  quotes: '"' '"' "'" "'";
  }

HTMLコード：

<html lang="en">
<head>
</head>
<body>
<p><q>This is a <q>big</q> quote</q></p>
</body>
</html>

出力：

"This is a 'big' quote"

実際に試してみてください

CSS文法

quotes: none|string|initial|inherit;

属性値

値 説明
なし "content"属性の"open-quote"と"close-quote"の値は何も引用符を生成しません。
string string string string

使用する引用符を定義します。

最初の2つの値は1レベルの引用ネストを定義し、次の2つの値は次のレベルの引用ネストを定義します。
継承 quotes属性の値は親要素から継承されるべきであると規定されています。

技術的詳細

デフォルト値： 指定されていません
継承性： はい
バージョン： CSS2
JavaScript文法： object.style.quotes="none"

引用文字

引用符文字符

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
11.0 8.0 1.5 5.1 4.0

注釈：DOCTYPEが指定されている場合、Internet Explorer 8（およびそれ以降のバージョン）はquotes属性をサポートします。