CSS quotes attribute
Definition and Usage
The quotes attribute sets the type of quotes for nested quotations (embedded quotation).
See Also:
HTML DOM Reference Manual:quotes attribute
Example
q:lang(en)
{
quotes: '"' '"' "'" "'";
}
HTML Code:
<html lang="en"> <head> </head> <body> <p><q>This is a <q>big</q> quote</q></p> </body> </html>
Output:
"This is a 'big' quote"
CSS Syntax
quotes: none|string|initial|inherit;
Attribute Value
| Value | Description |
|---|---|
| none | Specifies that the values of "open-quote" and "close-quote" of the "content" attribute will not produce any quotes. |
| string string string string |
Define the quotes to be used. The first two values specify the first-level quotation nesting, and the last two values specify the next-level quotation nesting. |
| inherit | Specifies that the quotes attribute should be inherited from the parent element. |
Technical Details
| Default Value: | not specified |
|---|---|
| Inheritance: | yes |
| Version: | CSS2 |
| JavaScript Syntax: | object.style.quotes="none" |
Quotation Characters
Browser Support
The numbers in the table indicate the first browser version that fully supports this attribute.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 11.0 | 8.0 | 1.5 | 5.1 | 4.0 |
Note:If !DOCTYPE has been specified, Internet Explorer 8 (and higher versions) support the quotes attribute.
