quotes property

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

CSS 2.1, Section 12.3Internet Explorer 8

 

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 ToAll elements
Mediavisual
Inheritedno
Initial Value

Standards information

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.


<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>


See also

CSSStyleDeclaration
currentStyle
runtimeStyle
style

 

 

Show:
© 2014 Microsoft