quotes プロパティ

quotes プロパティは、テキストフラグメントに特定の種類の引用符を指定します。引用符は <q> タグ内のテキストに自動的に追加されます。

構文

cssセレクタ {
  quotes: 左引用符タイプ, 右引用符タイプ または none または inherit;
}

値	説明
`"`	ダブルクォーテーション。通常、等幅フォントで使用され、インチ記号や秒角の表示にも用いられます。
`'`	アポストロフィ。分角記号として使われ、ラテン文字では軟音記号として用いられます。
`«`	開く二重山括弧引用符。
`»`	閉じる二重山括弧引用符。
`‘`	開く一重引用符。
`’`	閉じる一重引用符。
`“`	英語圏のテキストにおける開くダブルクォーテーション、またはロシア語での閉じる引用符。
`”`	英語圏のテキストにおける閉じるダブルクォーテーション。
`„`	開くダブルクォーテーション。ロシア語で使用されます。
`none`	引用符を追加しません。
`inherit`	親要素の値を継承します。

引用部分に二重山括弧引用符と青系のフォントカラーを設定してみましょう：

html<body>
  <p>This is a <q>quoted text</q>.</p>
</body>

cssp {
  font-size: 1.5em;
}
q {
  font-style: italic;
  color: #467CBC;
  quotes: '«' '»';
}

Результат: