CSS quotes Property
ExampleSpecify the quotation marks for embedded quotations:
Try it yourself » |
Definition and Usage
The quotes property sets the type of quotation marks for embedded quotations.
| Default value: | not specified |
|---|---|
| Inherited: | yes |
| Version: | CSS2 |
| JavaScript syntax: | object.style.quotes="none" |
Browser Support
The quotes property is supported in all major browsers.
Note: Internet Explorer 8 (and higher) supports the quotes property if a !DOCTYPE is specified.
Property Values
| Value | Description |
|---|---|
| none | Specifies that the "open-quote" and "close-quote" values of the "content" property will not produce any quotation marks |
| string string string string | Specifies which quotation marks to use. The first two values specifies the first level of quotation embedding, the next two values specifies the next level of quote embedding, etc |
| inherit | Specifies that the value of the quotes property should be inherited from the parent element |
Quotation Mark Characters
| Result | Description | Entity Number |
|---|---|---|
| " | double quote | " |
| ' | single quote | ' |
| ‹ | single, left angle quote | ‹ |
| › | single, right angle quote | › |
| « | double, left angle quote | « |
| » | double, right angle quote | » |
| ‘ | 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) | „ |
Related Pages
HTML DOM reference: quotes property
Complete CSS Reference