Stylized quotation marks

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: "“" "”";
}

Written by Angelos Chalaris

I'm Angelos Chalaris, a JavaScript software engineer, based in Athens, Greece. The best snippets from my coding adventures are published here to help others learn to code.

If you want to keep in touch, follow me on GitHub or Twitter.

More like this

  • Custom checkbox

    Creates a styled checkbox with animation on state change.

    CSS, Visual · Oct 11, 2021

  • Custom radio button

    Creates a styled radio button with animation on state change.

    CSS, Visual · Nov 16, 2022

  • Custom scrollbar

    Customizes the scrollbar style for elements with scrollable overflow.

    CSS, Visual · May 16, 2021