Property Description
The quotes property sets the type of quote characters to use for embedded quotations.
This property has the following syntax:
quotes: none|string|initial|inherit;
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 |
| initial |
Specifies that the value of the property should be set to the default value |
| inherit |
Specifies that the value of the 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) |
„
|
Examples
This example shows how to specify the quotation marks for embedded quotations.
q:lang(en) {
quotes: "«" "»" "'" "'";
}
Browser Support
| Chrome |
Firefox |
IE |
Safari |
Opera |
| 11.0 |
1.5 |
8.0 |
5.1 |
4.0 |
Miscellaneous Information
| Inherited: |
Yes |
| Defined In: |
CSS2 |
| Default Value: |
not specified |