CSS свойство quotes

Устанавливает тип кавычек, который применяется в тексте документа. Добавление кавычек происходит автоматически для содержимого контейнера <q>, а также для текста, к которому применяется свойство content со значением open-quote (открывающая кавычка) или close-quote (закрывающая кавычка).

CSS синтаксис

quotes: "левая кавычка" "правая кавычка" | none | initial | inherit;

Возможные значения

ЗначениеОписание
"левая кавычка" "правая кавычка"Устанавливает, какие кавычки будут использоваться.
noneУстанавливает, что кавычки не будут добавляться.
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

В качестве кавычек могут использоваться следующие символы:

ВидСпецкод HTMLЮникодОписание
"&#34; \0022Двойная кавычка, применяется обычно в моноширинных шрифтах, для обозначения символа дюйма, а также угловых секунд.
'&#39; \0027Апостроф. Символ угловых минут, в латинице применяется для обозначения мягкого знака (popalas' lisa).
«&#171; или &laquo;\00abОткрывающая двойная угловая кавычка.
»&#187; или &raquo;\00bbЗакрывающая двойная угловая кавычка.
&#8216;\2018Открывающая одинарная кавычка.
&#8217;\2019Закрывающая одинарная кавычка.
&#8220;\201cОткрывающая двойная кавычка в англоязычных текстах или закрывающая для русского языка.
&#8221;\201dЗакрывающая двойная кавычка в англоязычных текстах.
&#8222;\201eОткрывающая двойная кавычка. Применяется в русском языке.

Пример использования

Устанавливаем кавычки в цитате


q {
     quotes: "«" "»";
}