# quotes property

The `quotes` property assigns a certain type of quotation marks to a piece of text. Quotes are added automatically to the text inside the `<q>` tag.

## Syntax

`selector { quotes: left quote type, right quote type or none or inherit; }`

## Values

Value | Description
--- | ---
`"` | Double quote, usually used in monospace fonts, to denote the inch symbol, as well as arc seconds.
`'` | Apostrophe. The symbol of arc minutes, in Latin is used to indicate a soft sign.
`«` | Opening double angle (guillemet) quote.
`»` | Closing double angle (guillemet) quote.
`‘` | Opening single quote.
`’` | Closing single quote.
`“` | Opening double quote in English texts or closing double quote in Russian
`”` | Closing double quote in English texts.
`„` | Opening double quote. Used in Russian.
`none` | Quotes are not added.
`inherit` | Inherits a parent value.

## Example

Let's give our quote double angle quotation marks and a blue font color:

`<body> <p>This is a <q>quoted text</q>.</p> </body>` `p { font-size: 1.5em; } q { font-style: italic; color: #467CBC; quotes: '«' '»'; }`

:

← →
↑
en ru