CSS quotes Property
Topic: CSS3 Properties ReferencePrev|Next
Description
The quotes CSS property specifies the quotation marks for the embedded quotations. The quotes characters specified for this property are used for the open-quote and close-quote values of the content property.
The following table summarizes the usages context and the version history of this property.
| Default value: | none |
|---|---|
| Applies to: | All elements |
| Inherited: | Yes |
| Animatable: | No. See animatable properties. |
| Version: | CSS 2, 3 |
Syntax
The syntax of the property is given with:
The example below shows the quotes property in action.
Example
Try this code »q {
quotes: '[' ']' '"' '"';
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}Property Values
The following table describes the values of this property.
| Value | Description |
|---|---|
none |
The open-quote and close-quote values of the content property produce no quotation marks. This is default value. |
| [string string] | One or more pairs of string values for the 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. |
initial |
Sets this property to its default value. |
inherit |
If specified, the associated element takes the computed value of its parent element quotes property. |
Browser Compatibility
The quotes property is supported in all major modern browsers.
 |
Basic Support—
|
Further Reading
See tutorial on: CSS Pseudo-elements.
Related properties: content.
