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.