quotes property
[This documentation is preliminary and is subject to change.]
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>
Build date: 3/14/2012