HTML Dog
Skip to navigation

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

ValueDescriptionExample
[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."«" "»" "‹" "›"
noneNo quotation marks.
inherit
initial
unset

Example


blockquote:lang(es) {
    quotes: "«" "»";
}

blockquote:lang(es)::before {
    content: open-quote;
}

blockquote:lang(es)::after {
    content: close-quote;
}

Browser support