⑥ Форматирование кавычек: свойство quotes

Продолжим изучение темы CSS - контент. Если пропустили прошлые статьи, то вот ссылки на них:

• ① Свойство content
• ② Добавление специального символа
• ③ Добавление текста и изображения
• ④ Добавление блочного содержимого
• ⑤ Добавление значения атрибута и кавычек

Свойство задаёт тип кавычек, используемых в документе для вложенных цитат. По умолчанию кавычками оформляется текст, заключенный в тег <q>. Также кавычки можно сгенерировать помощью свойства content, задав ему значения open-quote и close-quote. В качестве значения используется специальный символ HTML или символ Юникода. Наследуется.

quotes

Значения:

• [символ символ]+ - Определяет вид открывающей и закрывающей кавычек. Первая пара используется для отображения внешнего уровня цитирования, вторая и последующие — для вложенных уровней цитирования.
• none - Текст отображается без кавычек.
• initial - Устанавливает значение свойства в значение по умолчанию.
• inherit - Наследует значение свойства от родительского элемента.

Синтаксис

CSS

p {quotes:'«' '»';}
p {quotes: none;}

Источник ↗