<!DOCTYPE html>
<meta charset="utf-8">
<style>
/*
This css is built using the International Components for Unicode (ICU)
See here for list of languages supported by Chrome: https://docs.google.com/document/d/1iOMXwI4MriHgHEtGm3n2c7s8_XfBUkmwtQ9uDIk2Bww/edit
*/
:root:lang(am), :not(:lang(am)) > :lang(am) { quotes: '\00ab' '\00bb' '\2039' '\203a' } /* « » ‹ › */
:root:lang(ar), :not(:lang(ar)) > :lang(ar) { quotes: '\201d' '\201c' '\2019' '\2018' } /* ” “ ’ ‘ */
:root:lang(bg), :not(:lang(bg)) > :lang(bg) { quotes: '\201e' '\201c' '\201e' '\201c' } /* „ “ „ “ */
:root:lang(bn), :not(:lang(bn)) > :lang(bn) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(ca), :not(:lang(ca)) > :lang(ca) { quotes: '\00ab' '\00bb' '\201c' '\201d' } /* « » “ ” */
:root:lang(cs), :not(:lang(cs)) > :lang(cs) { quotes: '\201e' '\201c' '\201a' '\2018' } /* „ “ ‚ ‘ */
:root:lang(da), :not(:lang(da)) > :lang(da) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(de), :not(:lang(de)) > :lang(de) { quotes: '\201e' '\201c' '\201a' '\2018' } /* „ “ ‚ ‘ */
:root:lang(de-CH), :not(:lang(de-CH)) > :lang(de-CH) { quotes: '\201e' '\201c' '\201a' '\2018' } /* „ “ ‚ ‘ */
:root:lang(el), :not(:lang(el)) > :lang(el) { quotes: '\00ab' '\00bb' '\201c' '\201d' } /* « » “ ” */
:root:lang(en), :not(:lang(en)) > :lang(en) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(en-GB), :not(:lang(en-GB)) > :lang(en-GB) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(es), :not(:lang(es)) > :lang(es) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(et), :not(:lang(et)) > :lang(et) { quotes: '\201e' '\201c' '\201a' '\2018' } /* „ “ ‚ ‘ */
:root:lang(fa), :not(:lang(fa)) > :lang(fa) { quotes: '\00ab' '\00bb' '\2039' '\203a' } /* « » ‹ › */
:root:lang(fil), :not(:lang(fil)) > :lang(fil) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(fi), :not(:lang(fi)) > :lang(fi) { quotes: '\201d' '\201d' '\2019' '\2019' } /* ” ” ’ ’ */
:root:lang(fr), :not(:lang(fr)) > :lang(fr) { quotes: '\00ab' '\00bb' '\00ab' '\00bb' } /* « » « » */
:root:lang(fr-CA), :not(:lang(fr-CA)) > :lang(fr-CA) { quotes: '\00ab' '\00bb' '\201d' '\201c' } /* « » ” “ */
:root:lang(fr-CH), :not(:lang(fr-CH)) > :lang(fr-CH) { quotes: '\00ab' '\00bb' '\2039' '\203a' } /* « » ‹ › */
:root:lang(gu), :not(:lang(gu)) > :lang(gu) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(hi), :not(:lang(hi)) > :lang(hi) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(hr), :not(:lang(hr)) > :lang(hr) { quotes: '\201e' '\201c' '\201a' '\2018' } /* „ “ ‚ ‘ */
:root:lang(hu), :not(:lang(hu)) > :lang(hu) { quotes: '\201e' '\201d' '\00bb' '\00ab' } /* „ ” » « */
:root:lang(id), :not(:lang(id)) > :lang(id) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(it), :not(:lang(it)) > :lang(it) { quotes: '\00ab' '\00bb' '\201c' '\201d' } /* « » “ ” */
:root:lang(ja), :not(:lang(ja)) > :lang(ja) { quotes: '\300c' '\300d' '\300e' '\300f' } /* 「 」 『 』 */
:root:lang(kn), :not(:lang(kn)) > :lang(kn) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(ko), :not(:lang(ko)) > :lang(ko) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(lt), :not(:lang(lt)) > :lang(lt) { quotes: '\201e' '\201c' '\201e' '\201c' } /* „ “ „ “ */
:root:lang(lv), :not(:lang(lv)) > :lang(lv) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(ml), :not(:lang(ml)) > :lang(ml) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(mr), :not(:lang(mr)) > :lang(mr) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(ms), :not(:lang(ms)) > :lang(ms) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(nl), :not(:lang(nl)) > :lang(nl) { quotes: '\2018' '\2019' '\2018' '\2019' } /* ‘ ’ ‘ ’ */
:root:lang(no), :not(:lang(no)) > :lang(no) { quotes: '\00ab' '\00bb' '\2018' '\2019' } /* « » ‘ ’ */
:root:lang(pl), :not(:lang(pl)) > :lang(pl) { quotes: '\201e' '\201d' '\00ab' '\00bb' } /* „ ” « » */
:root:lang(pt), :not(:lang(pt)) > :lang(pt) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(pt-PT), :not(:lang(pt-PT)) > :lang(pt-PT) { quotes: '\00ab' '\00bb' '\201c' '\201d' } /* « » “ ” */
:root:lang(ro), :not(:lang(ro)) > :lang(ro) { quotes: '\201e' '\201d' '\00ab' '\00bb' } /* „ ” « » */
:root:lang(ru), :not(:lang(ru)) > :lang(ru) { quotes: '\00ab' '\00bb' '\201e' '\201c' } /* « » „ “ */
:root:lang(sk), :not(:lang(sk)) > :lang(sk) { quotes: '\201e' '\201c' '\201a' '\2018' } /* „ “ ‚ ‘ */
:root:lang(sl), :not(:lang(sl)) > :lang(sl) { quotes: '\201e' '\201c' '\201a' '\2018' } /* „ “ ‚ ‘ */
:root:lang(sr), :not(:lang(sr)) > :lang(sr) { quotes: '\201e' '\201c' '\2018' '\2018' } /* „ “ ‘ ‘ */
:root:lang(sr-Latn), :not(:lang(sr-Latn)) > :lang(sr-Latn) { quotes: '\201e' '\201c' '\2018' '\2018' } /* „ “ ‘ ‘ */
:root:lang(sv), :not(:lang(sv)) > :lang(sv) { quotes: '\201d' '\201d' '\2019' '\2019' } /* ” ” ’ ’ */
:root:lang(sw), :not(:lang(sw)) > :lang(sw) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(ta), :not(:lang(ta)) > :lang(ta) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(te), :not(:lang(te)) > :lang(te) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(th), :not(:lang(th)) > :lang(th) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(tr), :not(:lang(tr)) > :lang(tr) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(uk), :not(:lang(uk)) > :lang(uk) { quotes: '\00ab' '\00bb' '\201e' '\201c' } /* « » „ “ */
:root:lang(vi), :not(:lang(vi)) > :lang(vi) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(zh), :not(:lang(zh)) > :lang(zh) { quotes: '\201c' '\201d' '\2018' '\2019' } /* “ ” ‘ ’ */
:root:lang(zh-Hant), :not(:lang(zh-Hant)) > :lang(zh-Hant) { quotes: '\300c' '\300d' '\300e' '\300f' } /* 「 」 『 』 */
</style>
<p>
You should see the quotes for the specified language on each line below,
and not just basic " and ' characters unless no language is specified.
</p>
<!-- Custom quotes are inlined to make this test fail if you don't implement CSS quotes. -->
<span lang="custom">ACcustomDB</span>
<span><q><q>default</q></q></span>
<span lang="am"><q><q>am</q></q></span>
<span lang="ar"><q><q>ar</q></q></span>
<span lang="bg"><q><q>bg</q></q></span>
<span lang="bn"><q><q>bn</q></q></span>
<span lang="ca"><q><q>ca</q></q></span>
<span lang="cs"><q><q>cs</q></q></span>
<span lang="da"><q><q>da</q></q></span>
<span lang="de"><q><q>de</q></q></span>
<span lang="de-CH"><q><q>de-CH</q></q></span>
<span lang="el"><q><q>el</q></q></span>
<span lang="en"><q><q>en</q></q></span>
<span lang="en-GB"><q><q>en-GB</q></q></span>
<span lang="es"><q><q>es</q></q></span>
<span lang="et"><q><q>et</q></q></span>
<span lang="fa"><q><q>fa</q></q></span>
<span lang="fil"><q><q>fil</q></q></span>
<span lang="fi"><q><q>fi</q></q></span>
<span lang="fr"><q><q>fr</q></q></span>
<span lang="fr-CA"><q><q>fr-CA</q></q></span>
<span lang="fr-CH"><q><q>fr-CH</q></q></span>
<span lang="gu"><q><q>gu</q></q></span>
<span lang="hi"><q><q>hi</q></q></span>
<span lang="hu"><q><q>hu</q></q></span>
<span lang="hr"><q><q>hr</q></q></span>
<span lang="id"><q><q>id</q></q></span>
<span lang="it"><q><q>it</q></q></span>
<span lang="ja"><q><q>ja</q></q></span>
<span lang="kn"><q><q>kn</q></q></span>
<span lang="ko"><q><q>ko</q></q></span>
<span lang="lt"><q><q>lt</q></q></span>
<span lang="lv"><q><q>lv</q></q></span>
<span lang="ml"><q><q>ml</q></q></span>
<span lang="mr"><q><q>mr</q></q></span>
<span lang="ms"><q><q>ms</q></q></span>
<span lang="nl"><q><q>nl</q></q></span>
<span lang="no"><q><q>no</q></q></span>
<span lang="pl"><q><q>pl</q></q></span>
<span lang="pt"><q><q>pt</q></q></span>
<span lang="pt-PT"><q><q>pt-PT</q></q></span>
<span lang="ro"><q><q>ro</q></q></span>
<span lang="ru"><q><q>ru</q></q></span>
<span lang="sk"><q><q>sk</q></q></span>
<span lang="sl"><q><q>sl</q></q></span>
<span lang="sr"><q><q>sr</q></q></span>
<span lang="sr-Latn"><q><q>sr-Latn</q></q></span>
<span lang="sv"><q><q>sv</q></q></span>
<span lang="sw"><q><q>sw</q></q></span>
<span lang="ta"><q><q>ta</q></q></span>
<span lang="te"><q><q>te</q></q></span>
<span lang="th"><q><q>th</q></q></span>
<span lang="tr"><q><q>tr</q></q></span>
<span lang="uk"><q><q>uk</q></q></span>
<span lang="vi"><q><q>vi</q></q></span>
<span lang="zh"><q><q>zh</q></q></span>
<span lang="zh-Hant"><q><q>zh-Hant</q></q></span>
Codebase Browser
chromium