Export (0) Print
Expand All
0 out of 1 rated this helpful - Rate this topic

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

 

 

Did you find this helpful?
(1500 characters remaining)
Thank you for your feedback
Show:
© 2014 Microsoft. All rights reserved.