quotes

Summary

The quotes CSS property indicates how user agents should render quotation marks.

• Initial value user agent specific
• Applies to all elements
• Inherited yes
• Media visual
• Computed value as specified
• Animatable no
• Canonical order the unique non-ambiguous order defined by the formal grammar

Syntax

Formal syntax: [<string> <string>]+ | none

quotes: none
quotes: "«" "»"         /* Set open-quote and close-quote to the French quotation marks */
quotes: "«" "»" "‹" "›" /* Set two levels of quotation marks */

quotes: inherit

Values

none

The open-quote and close-quote values of the content property produce no quotation marks.

[<string> <string>]+

One or more pairs of <string> values for open-quote and close-quote. The first pair represents the outer level of quotation, the second pair is for the first nested level, next pair for third level and so on.

Examples

q { quotes: '"' '"' "'" "'" }
q:before { content: open-quote }
q:after  { content: close-quote }

Notes

Starting in Firefox 3.5, the initial value of the quotes property can be read using -moz-initial This wasn't possible in earlier versions of Firefox.

Specifications

Browser compatibility

See also

• content