The 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;
}

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.

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: '«' '»';
}