Citation Quotes For Different Languages


/ Published in: CSS
Save to your folder(s)

This snippets includes quotation marks around each , based on the language set in the HTML lang-attribute (e.g. ) and utilizes Unicode points to set the grammar-correct quotation marks.


Copy this code and paste it in your HTML
  1. :lang(de), :lang(de-de) { quotes: "\201E" "\201C" "\201A" "\2018"; }
  2. :lang(de-fr) { quotes: "\00BB" "\00AB" "\203A" "\2039"; }
  3. :lang(de-ch) { quotes: "\00AB" "\00BB" "\2039" "\203A"; }
  4. :lang(en) { quotes: "\201C" "\201D" "\2018" "\2019"; }
  5. :lang(fr) { quotes: "\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }
  6.  
  7. q:before { content: open-quote; }
  8. q:after { content: close-quote; }
  9. q q:before { content: open-quote; }
  10. q q:after { content: close-quote; }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.