CSS quotes Property


The quotes CSS property specifies how the browser should render quotation marks added with the CSS content property in-quotes or close-quotes values.

When quotes are added using the content: open-quote; or content: close-quote; rules, the quotes property in CSS allows you to specify which types of quotes are used. Here's how to put it to use:

Syntax

Example

Preview

Property Values

Value Description
none Specifies that the "content" property's "open-quote" and "close-quote" values will not generate any quotation marks.
string string string string Specifies the type of quotation marks to be used. The first two values define the first level of quotation embedding, the next two define the next level of quotation embedding, and so on.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Property Chrome Firefox Safari Edge / IE Opera
quotes 11.0 1.5 5.1 8.0 4.0