CSS2 » Properties » quotes

Version: Level 2

Compability: Currently not supported by any browser.

Syntax:
quotes : none | string string ... ...
string string
The string string values occur in pairs and are used to define pairs of opening and closing quotation marks. The first string in the pair defines the opening quotation mark. The second string in the pair defines the closing quotation mark. Each quotation mark being defined is treated as a string and must be enclosed within a pair of double quotes with no white space. If you include white space, it will appear in the output.
none
The none value prevents the content property from displaying quotation marks.

The quotes property is a blank space delimited list of one or more types of opening and closing quotations marks that will be used in each successive level of embedded quotes. This property is inherited.

You use the content property to set the quotation marks before and after a specified element. This allows the selection of various types of quotation marks in a style-sensitive and context-dependent manner. (Note that you do not have to just use quotation marks. Since you are simply providing a string, you could use <, >, *, ?, and other characters.)

Examples

Code:
<html>
<style type="text/css">
q { quotes: """ """ "'" "'"; }
</style>
<q>
This is an <q>emedded</q> quote.
</q>
<html>
Output:
"This is an 'embedded' quote."
Language(s): CSS2

See Also: