Home/ Questions/Q 7870479
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T01:38:01+00:00

W3Schools shows this example for CSS quotes property: <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0

  • 0

W3Schools shows this example for CSS quotes property:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<style type="text/css">
q:lang(en)
{
quotes: "«" "»" "'" "'";
}
</style>
</head>
<body>

<p><q>This is a <q>big</q> quote.</q></p>
<p><b>Note:</b> IE8 supports the quotes property only if a !DOCTYPE is specified.</p>
</body>
</html>

My doubt is, can the quotes property be used for any element other than <blockquote> and <q>? (I would like to use it to show links distinctly in my print stylesheet.)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This is the official W3C page: http://www.w3.org/TR/CSS21/generate.html#quotes-specify

    While the quotes property can be applied to all elements, the <q> element is the only element that has support for it – by default.
    Example:

    q, span {quotes: "«" "»" "'" "'";}

     

    <span>Just a span</span>
<q>and a q</q>

    As you can see (in this jsFiddle), only the q gets the quotes.

    However, you can use another style property, content, by which you can tell any element you want to use those quotes!
    Example:

    q, span {quotes: "«" "»" "'" "'";}
span:before {content:open-quote;}
span:after {content:close-quote;}

     

    <span>Just a span</span>
<q>and a q</q>

    and you’ll see (in this jsFiddle) that the span also gets the quote marks now.

    Hope this helps!

    • 0