CSS quotes Property
Example
Specify quotation marks for quotations:
#a {
quotes: "'" "'";
}
Try it Yourself »
Definition and Usage
The quotes property sets the type of quotation marks for quotations.
Show demo ❯
| Default value: |
not specified |
| Inherited: |
yes |
| Animatable: |
no. Read about animatable
|
| Version: |
CSS2 |
| JavaScript syntax: |
object.style.quotes="'\253' '\273'"
Try it
|
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
| Property |
|
|
|
|
|
| quotes |
11.0 |
8.0 |
1.5 |
5.1 |
4.0 |
CSS Syntax
quotes: none|string|initial|inherit;
Property Values
| Value |
Description |
Demo |
| none |
Specifies that the "open-quote" and "close-quote" values of the "content" property will not produce any quotation marks |
Demo ❯ |
| 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 |
Demo ❯ |
| initial |
Sets this property to its default value. Read about initial |
|
| inherit |
Inherits this property from its parent element. Read about inherit |
|
Quotation Mark Characters
| Result |
Description |
Entity Number |
| " |
double quote |
\0022 |
| ' |
single quote |
\0027 |
| ‹ |
single, left angle quote |
\2039 |
| › |
single, right angle quote |
\203A |
| « |
double, left angle quote |
\00AB |
| » |
double, right angle quote |
\00BB |
| ‘ |
left quote (single high-6) |
\2018 |
| ’ |
right quote (single high-9) |
\2019 |
| “ |
left quote (double high-6) |
\201C |
| ” |
right quote (double high-9) |
\201D |
| „ |
double quote (double low-9) |
\201E |
Related Pages
HTML DOM reference: quotes property
W3schools Pathfinder
Track your progress - it's free!
