CSS quotesProperty
Example
Set the quotation type for nested references:
q:lang(en)
{
quotes: "�" "�" "'" "'";
}
{
quotes: "�" "�" "'" "'";
}
Try it Yourself »
Property definition and usage notes
The quotes property sets the type of quotation marks for nested quotes.
| Default value: | not specified |
|---|---|
| Inherited: | yes |
| version: | CSS2 |
| JavaScript Syntax: | object.style.quotes="none" |
Browser Support
All major browsers support the quotes property.
Note:IE8 requires a defined !DOCTYPE to support the quotes attribute.
Property value
| Value | Description |
|---|---|
| none | Specifies that the "open-quote" and "close-quote" values of the "content" property will not generate any quotation marks. |
| string string string string |
Define the quotes to be used. The first two values specify the first level of quotation nesting, and the last two values specify the next level of quotation nesting. |
| inherit | Specifies that the value of the quotes property should be inherited from the parent element. |
Quote Characters
| Effect | Description | Entity Number |
|---|---|---|
| " | Double quotes | " |
| ' | Single quotes | ' |
| ‹ | Single left angle bracket | ‹ |
| › | Single right angle bracket | › |
| « | Double left angle bracket | « |
| » | Double right angle bracket | » |
| ' | Left quote (single high-6) | ‘ |
| ' | Right quote (single high-9) | ’ |
| " | Left quote (double high-6) | “ |
| " | Right quote (double high-9) | ” |
| „ | Double quote (double low-9) | „ |