q要素の前後に挿入される引用符を指定します。ここで指定された開始引用符、終了引用符は、open-quote, close-quote で参照されます。

下記の例では、<q>～</q> を 「～」で、二重に囲まれた <q>～</q> を 『～』で囲みます。

q { quotes: "「" "」" "『" "』"; }
q:before { content: open-quote; }
q:after  { content: close-quote; }

Internet Explorer では <q>～</q> を 「～」で、二重に囲まれた <q>～</q> を 『～』で囲みます。Firefox, Chrome, Opera, Safari では <q>～</q> を “～” で、二重に囲まれた <q>～</q> を ‘～’ で囲みます。

q { quotes: "「" "」" "『" "』"; }
q:before { content: open-quote; }
q:after  { content: close-quote; }

<p><q><q>少年よ大志を抱け</q>って誰の言葉だっけ？</q>と彼が聞いてきた。</p>