Workshop Internet-Präsenz

Zitat mit :before und :after - Cascading Style Sheets

Dieses „Zitat“ bekommt am Anfang und Ende zusätzlich ein öffnendes und schließendes Anführungszeichen in rot.

This “citation” starts and ends with additional red-coloured quotes.

Anführungszeichen lassen sich auch sprachabhängig definieren. Beispiel:

  *[lang="de"].zitat { quotes: '„' '“' '‚' '‘' }
  *[lang="en"].zitat { quotes: '“' '”' '‘' '’' }
  *[lang="fr"].zitat { quotes: '«' '»' '‹' '›' }

Dieses Beipsiel funktioniert nicht im Internet Explorer 6, da die Pseudo-Elemente :before und :after als auch die Eigenschaften content und quote nicht implementiert sind.