The quotes
CSS property sets how quotation marks appear.
/* Keyword value */ quotes: none; /* <string> values */ quotes: "«" "»"; /* Set open-quote and close-quote to the French quotation marks */ quotes: "«" "»" "‹" "›"; /* Set two levels of quotation marks */ /* Global values */ quotes: inherit; quotes: initial; quotes: unset;
none
open-quote
and close-quote
values of the content
property produce no quotation marks.[<string> <string>]+
<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.none | [ <string> <string> ]+
<q>To be or not to be. That's the question!</q>
q { quotes: '"' '"' "'" "'"; } q::before { content: open-quote; } q:after { content: close-quote; }
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.
Specification | Status | Comment |
---|---|---|
CSS Generated Content Module Level 3 The definition of 'quotes' in that specification. | Working Draft | |
CSS Level 2 (Revision 1) The definition of 'quotes' in that specification. | Recommendation | Initial definition |
Initial value | depends on user agent |
---|---|
Applies to | all elements |
Inherited | yes |
Media | visual |
Computed value | as specified |
Animation type | discrete |
Canonical order | the unique non-ambiguous order defined by the formal grammar |
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | 11 | 12 | 1.5 | 8 | 4 | 9 |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
Basic support | ? | ? | Yes | ? | ? | ? | ? |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/quotes