quotes

Specifies which characters to use for curly quotes or other language-specific quotation marks when using the <q> tag or 'content: open-quote'.

blockquote {
  /* Uses traditional French angle quotes instead of standard double quotes */
  quotes: '«' '»' '‹' '›';
}

blockquote::before {
  content: open-quote;
}
Initial value
dependsOnUserAgent
Inherited
Yes
Applies to
allElements
Animation type
discrete

Values

noneauto
Widely available Since 2021 96% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2021.

Safe to use without fallbacks.

11+
1.5+
9+
12+
ESC