CSS quotes property
Set the type of quotation marks for nested references:
q:lang(en)
{
quotes: "�" "�" "'" "'";
}
{
quotes: "�" "�" "'" "'";
}
Try it out . . .
Description of property definition and use
The quotes property sets the type of quotation marks for nested references.
| Default: | not specified |
|---|---|
| Inherited: | yes |
| Version: | CSS2 |
| JavaScript syntax: | object .style.quotes="none" |
Browser support
All major browsers support the quotes property.
Note: I E8 needs to be defined! DOCTYPE only supports quotes properties.
The property value
| Value | Describe |
|---|---|
| none | The values that specify the "open-quote" and "close-quote" of the "content" property do not produce any quotation marks. |
| string string string string |
Define the quotation marks to use. The first two values specify the first level of reference nesting, and the last two values specify the next level of quotation marks nesting. |
| inherit | Specifies that the value of the quotes property should be inherited from the parent element. |
Quotation mark characters
| Effect | Description | The entity number |
|---|---|---|
| " | Double quotes | " |
| ' | Single quotes | ' |
| ‹ | Single left angle bracket | ‹ |
| › | Single right angle bracket | › |
| « | Double left angle brackets | « |
| » | Double right angle brackets | » |
| ' | Quotation marks (single high-6) | ‘ |
| ' | Quotation marks (single high-9) | ’ |
| " | Quotation marks (double high-6) | “ |
| " | Quotation marks (double high-9) | ” |
| „ | Double quotes (double low-9) | „ |