The property quotes in combination with content property is used to specify how the quotes further in the document should be rendered by browsers.
The quotes property contains following information:
- value: <string> <uri>]+, none or inherit;
- initial: depends on user agent;
- applies to: all elements;
- inherited: yes;
- percentages: N/A;
- media: all;
- computed value: as specified.
The string value represents the type of quotes that will be applied 'open-quote' and 'close-quote' values of the content property. The first string value will be the outermost level of quotation, the second will be the next level of embedding and so on.
This property is very handy for language based modification or other similar preferences.
Please note that Internet Explorer 8.0 requires DOCTYPE to be declared in order to understand the content property.
CSS quotes property example: