Свойство quotes

Свойство quotes задает фрагменту текста определенный тип кавычек. Кавычки добавляются автоматически к тексту внутри тега <q>.

Синтаксис

cssселектор {
  quotes: тип левой кавычка, тип правой кавычки или none или inherit;
}

Значение	Описание
`"`	Двойная кавычка, применяется обычно в моноширинных шрифтах, для обозначения символа дюйма, а также угловых секунд.
`'`	Апостроф. Символ угловых минут, в латинице применяется для обозначения мягкого знака.
`«`	Открывающая двойная угловая кавычка.
`»`	Закрывающая двойная угловая кавычка.
`‘`	Открывающая одинарная кавычка.
`’`	Закрывающая одинарная кавычка.
`“`	Открывающая двойная кавычка в англоязычных текстах или закрывающая для русского языка
`”`	Закрывающая двойная кавычка в англоязычных текстах.
`„`	Открывающая двойная кавычка. Применяется в русском языке.
`none`	Кавычки не добавляются.
`inherit`	Наследует значение родителя.

Давайте зададим нашей цитате двойные угловые кавычки и голубой цвет шрифта:

html<body>
  <p>This is a <q>quoted text</q>.</p>
</body>

cssp {
  font-size: 1.5em;
}
q {
  font-style: italic;
  color: #467CBC;
  quotes: '«' '»';
}

Результат: