Свойство 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: '«' '»';
}

Результат: