CSS quotes Property

CSS quotes property sets the type of quotation marks for quotations.


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'"


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


The example below shows to sets quotes property.

.one {
  quotes: "«" "»" "‹" "›";
.two {
  quotes: "„" "„" "‹" "›";
.three {
  quotes: "'" "'";
.four {
  quotes: none;

Run it...   »

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.