CSS quotes Property
CSS quotes property sets the type of quotation marks for quotations.
Usages
The following table outline the usages and version history of this property.
| Default value: | not specified |
| Applies to: | All elements |
| Inherited: | Yes |
| Version: | CSS2 |
| JavaScript Syntax: | object.style.quotes = "'\253' '\273'" |
Syntax
Here is a syntax for the CSS quotes property
quotes: none | string | initial | inherit;
Property Values
The following table describes the values of this property.
| Value | Description |
|---|---|
| string string | Set 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. |
| none | The open-quote and close-quote values of the content property does not produce quotation marks. |
| initial | Sets default value of this property |
| inherit | Inherits this property from its parent element |
Examples
The example below shows to sets quotes property.
.one {
quotes: "«" "»" "‹" "›";
}
.two {
quotes: "„" "„" "‹" "›";
}
.three {
quotes: "'" "'";
}
.four {
quotes: none;
}
Browser Compatibility
- Google Chrome 11+
- Mozilla Firefox 1.5+
- Internet Explorer 8+
- Opera 4+
- Safari 5.1+
Note: Here details of browser compatibility with version number may be this is bug and not supported. But recommended to always use latest Web browser.