Information
The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

quotes property

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

CSS 2.1, Section 12.3

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

A Windows Store app using JavaScript 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