quotesプロパティは contentプロパティで :before { content: open-quote; }, :after { content: close-quote; } を設定している場合に、任意の要素の内容の先頭と最後に追加する引用符のレンダリング（描写）方法を指定します。
none引用符の追加における contentプロパティの値と quotesプロパティの関係は以下のようになっています。
:before { content : open-quote ; }quotesプロパティで設定された要素の先頭に引用符を追加:after { content : close-quote ; }quotesプロパティで設定された要素の最後に引用符を追加:before { content : no-open-quote ; }quotesプロパティで設定された要素の階層（引用レベル）を一段階深くする:after { content : no-close-quote ; }quotesプロパティで設定された要素の階層（引用レベル）を一段階浅くする要素の階層にあたる引用レベルとは、引用の度合いを指します。たとえば、q:before { content: open-quote; } q:after { content: close-quote; } と指定された q要素が入れ子になっている場合、引用部分の中に、さらに引用が含められることになり、最初の q要素を引用レベル1とすれば、入れ子になっている q要素は引用レベル2となります。
引用レベルは、contentプロパティに "open-quote"、または "no-open-quote" が指定されている要素が登場する度にレベルが1上がり、これに対して "close-quote"、または "no-close-quote" が指定されている要素が登場する度にレベルが1下がることになります。なお、"no-open-quote" と "no-open-quote" は引用レベルを操作するものであり、それ自身では引用符を追加することはできません。
quotesプロパティに指定できる値はそれぞれ以下の意味を示します。
"）、もしくはシングルクォーテーション（'）の引用符で括ります。quotes : "“" "”" "‘" "’" ;" のように記述すれば、「"“"」が引用レベル1の先頭、「"”"」が引用レベル1の最後、「"‘"」が引用レベル2の先頭、「"’"」が引用レベル2の最後という解釈になります。nonequotesプロパティの初期値は、UA の設定に依りますが、これが問題となっています。たとえば、Netscape, Firefox, Opera（, Safari）では、q要素を用いた場合、q要素の内容の先頭と最後にはダブルクォーテーション（"）が追加された状態でレンダリング（描画）されます。しかし、Windows版Internet Explorer 6, Windows版Internet Explorer 7, Macintosh版Internet Explorer 5 においては引用符は追加されません。
このように UA ごとに表示が異なり、quotesプロパティに対応していない環境については、引用符を追加することもできないためどこからどこまでが引用なのかを示せない問題が発生します。そこで、次世代規格の XHTML2.0 の quote要素（q要素の後継にあたる）については UA が引用符を自動的につけてはならない（初期値を空文字にすること）と定められる予定なので、今後登場する UA においては quote要素だけでなく q要素においても UA のデフォルトスタイルシートには特定の引用符が設定されないことになるでしょう。
q要素のみ、その内容の先頭と最後の部分にダブルクォーテーションを追加）なお、Netscape 7 は引用符の追加には対応していますが、引用レベルまでは認識できていません。
q { quotes : "“" "”" "‘" "’" ; color : #03f ; }
q:before { content: open-quote; color : red ; }
q:after { content: close-quote; color : red ; }
このサンプルでは、引用レベル1に対しては、ダブルクォーテーション（“ ”）を、引用の中に引用が含められている引用レベル2に対しては、シングルクォーテーション（‘ ’）を表示します。
http://w3g.jp/css/generating_content/quotes直近の制作実績等：大阪人間科学大学 New! / 大阪薫英女子短期大学 New! / セキスイハイム みんなのお国じまん New!