quotes property

Sets or retrieves the pairs of strings to be used as quotes in generated content.

Syntax

quotes: [ <string> <string> ]+ | none

Property values

<string>: The "open-quote" and "close-quote" values are taken from the specified list of pairs of quotation marks.
none: The "open-quote" and "close-quote" values produce no quotation marks.

CSS information

Applies To	All elements
Media	visual
Inherited	no
Initial Value

Standards information

CSS 2.1, Section 12.3

Remarks

IE8 Standards mode rendering is required.

Pairs of strings are required if the value is not none.

Examples

The following example shows how the quotes property works in HTML.

CSS


<html lang="en">
  <head>
      <meta http-equiv="X-UA-Compatible" content="IE=8"/>
    <title>QUOTES Example</title>
    <style type="text/css">
    /* Define quote characters */
      q { quotes: '"' '"' }
    /* Define pseudo-class triggers */
      q:before { content: open-quote }
      q:after  { content: close-quote }
    </style>
  </head>
  <body>
  <p><q>When I die, I'm donating my body to science fiction.</q><em> ~ Stephen Wright</em></p>
  </body>
</html>