CSS Property: quotes
How quotes should be rendered in generated content.
Used to define the content of the open-quote
and close-quote
values of the content
property.
Possible Values
Value | Description | Example |
---|---|---|
[string] [string] | First string is used by the open-quote value of the content property. Second string is used by the close-quote value of the content property. | "«" "»" |
[repeating [string] [string]] | For nested quotes. Each subsequent set of two strings represents open- and close-quotes already sitting inside quotes. | "«" "»" "‹" "›" |
none | No quotation marks. | |
inherit | ||
initial | ||
unset |
Example
blockquote:lang(es) {
quotes: "«" "»";
}
blockquote:lang(es)::before {
content: open-quote;
}
blockquote:lang(es)::after {
content: close-quote;
}