Stylized quotation marks

Angelos Chalaris · CSS, Visual · May 16, 2021

Customizes the style of inline quotation marks.

  • Use the quotes property to customize the characters used for the opening and closing quotes of a <q> element.
Preview

Do or do not, there is no try. – Yoda

<p>
  <q>Do or do not, there is no try.</q> – Yoda
</p>
q {
  quotes: "“" "”";
}

Recommended snippets