Advanced Search

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.

Expand | Embed | Plain Text

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.