Skip to content

Stylized quotation marks

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.

<p>
  <q>Do or do not, there is no try.</q> – Yoda
</p>

q {
  quotes: "“" "”";
}

More like this

CSS · October 11, 2021
Custom checkbox

Creates a styled checkbox with animation on state change.
CSS · November 16, 2022
Custom radio button

Creates a styled radio button with animation on state change.
CSS · May 16, 2021
Custom scrollbar

Customizes the scrollbar style for elements with scrollable overflow.
CSS · December 30, 2020
Custom text selection

Changes the styling of text selection.